/*----------------------------------------------------------------------------------- Theme Name: Ivy Bound Test Prep Description: Ivy Bound Test Prep WordPress Theme. Version: 0.1 Author: Imagine It Consulting Inc. Theme URI: http://www.TrustImagine.com Author URI: http://www.TrustImagine.com /*-------------------------------------------------------------- - Browser Reset --------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%} .green-text{color:#036e03} .green-background{background:#036e03 !important} .red-text {color:#820000} .red-background {background:#820000} .blue-text {color:#200e72} .blue-background {background:#200e72} .yellow-text {color:#fcb003} .yellow-background {background:#fcb003} .cursive {font-family: 'Shadows Into Light Two', cursive;} .black-text {color:#333} .home-callouts { margin-top: 1%;} .home-callouts h2 {margin: 0 0 10px !important} .home-callouts p {margin: 0 0 20px} .sat h2, .sat h2 a,.sat a, .sat .half a {color:#006800 !important} .act h2, .act h2 a, .act a {color:#820000} .other-prep h2, .other-prep h2 a, .other-prep a {color:#fcb003} .find-a-tutor span {font-size:1.25em} #footer-callout-left strong {color:#820000} .footer-cta-wrap {background:#eee; border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:2% 0 .5%; padding:2% 0 1.25%;overflow:hidden} .icon {float:left;margin: 0 3% 0 15%;} .cta-text {color:#555555;font-size:1.125em} .cta-text strong {color:#820000;font-size:1.75em;} a.green-arrow:after {content: "";display: inline-block;background: url("/wp-content/uploads/2016/11/green-tri.png") no-repeat;width: 13px;height: 13px;margin: 0 0 0 5px;} a.red-arrow:after {content: "";display: inline-block;background: url("/wp-content/uploads/2016/11/red-tri.png") no-repeat;width: 13px;height: 13px;margin: 0 0 0 5px;} a.blue-arrow:after {content: "";display: inline-block;background: url("/wp-content/uploads/2016/11/blue-tri.png") no-repeat;width: 13px;height: 13px;margin: 0 0 0 5px;} a.white-arrow:after {content: "";display: inline-block;background: url("/wp-content/uploads/2016/11/white-tri.png") no-repeat;width: 13px;height: 13px;margin: 0 0 0 5px;} .sidebar-act {color:#fff; background:#820000; border-radius:5px;padding:5%; margin:5% 0} .sidebar-sat {color:#fff; background:#006800; border-radius:5px;padding:5%; margin:5% 0} .sidebar-act a, .sidebar-sat a {color:#fff; } .sidebar-act h2, .sidebar-sat h2 {color:#fff; margin-top:0px} /*------------------- [boxes] ------------*/ .box-wrapper {overflow:hidden; position:relative;margin:2% 0 } .box-outline {border:1px solid #ddd; padding:2%;} .box-outline ul {margin:5px 0 0px 5px !important} .box-outline ul li {border-bottom: 1px solid #ebebeb;list-style-type: none;padding: 0 0 6px;} .box-outline ul li:last-child {border-bottom:none} .box-grey {background:#eee;border:1px solid #ddd; padding:1% 2% 0.5%;;overflow:hidden; margin:1% 0} .box-grey h3 {margin-top:0;} .program-header {color: #fff;padding: 5px 0 0 15px; font-size:1.75em} .program-header img {vertical-align:middle;margin-bottom:5px;} .min-450 {min-height:450px;} .min-400 {min-height:400px;} .min-350 {min-height:350px;} .min-300 {min-height:300px;} .min-250 {min-height:250px;} .reg-box {background: #f2f2f2;border-radius: 10px;margin: 0 0 10px;overflow: hidden;padding: 10px 15px; border-top: 2px solid #1b4f00;} .reg-box-alt {background: #ddd;border-radius: 10px;margin: 0 0 10px;overflow: hidden;padding: 10px 15px; border-top: 2px solid #7c201e;} .reg-box-alt a {font-weight: bold;line-height: 26px;} .reg-box a {font-weight: bold;line-height: 26px; color:#1b4f00} .reg-box h2 {color:#1b4f00 !important} .arrow-right:after{content: '\25ba'; padding-left: 0.5em;} .reg-box-reversed {background:#1b4f00;border-top: 2px solid #7c201e; color:#fff;border-radius: 10px;margin: 0 0 10px;overflow: hidden;padding: 10px 15px;} .reg-box-reversed h2, .reg-box-reversed a {color:#fff !important;} .reasons-why {margin:2% 0} .reasons-why h3 {margin-top:0;} .two-cols { -moz-column-count: 2; -moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;column-gap: 20px;} .three-cols { -moz-column-count: 3; -moz-column-gap: 20px;-webkit-column-count: 3;-webkit-column-gap: 20px;column-count: 3;column-gap: 20px;} /*------------------- [woo] ------------*/ .products li {float:left; width:24%; margin-right:1%;text-align: center;min-height:325px} .products li:last-child {margin-right:0%;} .products li img {max-width:150px} .products li .price {display:block;margin:2% 0} .products li h3 {margin-top:0 !important} .woocommerce-ordering {margin-top:1%} .add_to_cart_button {color: #fff; background:#820000; padding: .5em 1em; margin: 0; display: inline-block; font-weight: normal; cursor: pointer; outline: none; border: none; font-family: inherit; -webkit-appearance: none; transition: all 0.15s ease-in-out; border-radius: 3px; -webkit-font-smoothing: inherit; text-decoration: none !important;} .add_to_cart_button:hover {box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;} .product_meta, .tabs {display:none;} .quantity, .woocommerce-result-count {margin:1% 0} .variations label, .quantity .label {font-weight:bold; margin-right:10px} .variations select, .quantity input {padding:5px 15px;background:#fff;border: #ccc 1px solid;border-radius: 5px;} .product {background:#eee; border-radius:5px; padding:15px; margin-top: 1%;overflow:hidden} .product .images {float:left; margin-right:25px;} .product .entry-title, .woocommerce-checkout h3 {color:#820000} .woocommerce-message::before, .woocommerce-error::before, .woocommerce-info:before { color: #820000;} .woocommerce-message, .woocommerce-error, .woocommerce-info {border-top-color: #820000;} .woocommerce-message .button {display: none;} .related {border-top:2px solid #ddd} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#820000;padding: .5em 1em;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color:#820000;color: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;} .woocommerce a.remove {color:#820000 !important} .woocommerce a.remove:hover {background-color:#820000 !important} #view-cart-link {float:right} .count {display:none;} .woocommerce-Tabs-panel ul {list-style:disc;margin: 1% 3%;} .woocommerce-Tabs-panel ul li {margin: 0% 0% 1%;} /*------------------- [tutor search] ------------*/ .gform_wrapper .gfield_label {color: #200e72;margin: 0 0 5px; font-family: "Shadows Into Light Two",cursive; font-size: 1.5em; line-height: 2;} .gform_wrapper .gfield ul { list-style: outside none none;} ul.gform_fields{ list-style: outside none none !important;} .gform_wrapper .gfield ul li {margin-bottom: 10px;} .gform_wrapper .gfield ul.col2 { -moz-column-count: 2; -moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;column-gap: 20px;} .tutors_list .box {overflow: hidden;padding: 24px 29px 18px;} .tutors_list .box { background: #eee none repeat scroll 0 0; margin: 0 0 20px;border-radius:5px} .tutors_list .box .info-section .col { float: left;min-height: 1px; width:50%} .tutors_list .box .photo { float: left;height: 200px; margin: 0 10px 0 0;width: 200px;} .tutors_list .box .info-section { overflow: hidden;padding:0 2%} .tutors_list .box .info-section .col:first-child { margin: 0} .tutors_list .box .view-hold { clear: both;width: 100%;} .tutors_list .box .view-hold a {color: #820000;float: right;margin: -10px 41px 0 0;position: relative;} .tutors_list .box .view-hold::after { clear: both; content: ""; display: block;} .tutors_list .box .info-section .col dl {margin: 0;overflow: hidden;padding: 0;display: block;} .tutors_list .box dt {float: left; margin: 0 4px 0 0;font-weight:600} .tutors_list .box ul.tutor_programs { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;list-style: outside none none;margin: 0; padding: 10px 100px 0 10px;} .halfr {float: left; margin-right: 1%; text-align: right; width: 49%;} .halfc { float: left; margin-right: 1%; text-align: center; width: 49%;} #box-table-a{margin: 25px 0;text-align: left;border-collapse: collapse;} #box-table-a th{font-weight: bold;padding: 8px;background: #820000;border-top: 4px solid #ddd;border-bottom: 1px solid #fff;color: #fff;} #box-table-a td{padding: 8px;border-bottom: 1px solid #fff;color: #666;border-top: 1px solid transparent;} #box-table-a tr:hover td{background: #ddd;} #box-table-a .odd {background: #eee;} #box-table-a tr {background: #e2e2e2;} /*------------------------------------------------------------------ [Grid] -------------------------------------------------------------------*/ /* Grid > Clear Floats */ .col:after, .clr:after, .group:after, dl:after, ul.page-numbers:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .compose-mode .vc_element.vc_empty .vc_empty-element:after { visibility: visible !important } .clear { clear: both } /* Grid > Main Classes */ .site-footer .col { float: left; margin: 0 0 20px; padding: 0 10px; } #footer-widgets .span_1_of_1.col { float: none } #footer-widgets .span_1_of_2 { width: 50% } #footer-widgets .span_1_of_3 { width: 33.33% } #footer-widgets .span_1_of_4 { width: 25% } #footer-widgets .span_1_of_5 { width: 20% } #footer-widgets .span_1_of_6 { width: 16.66666667% } #footer-widgets .span_1_of_7 { width: 14.28% } .span_1_of_1.col { float: none } .span_1_of_2 { width: 50% } .span_1_of_3 { width: 33.33% } .span_1_of_4 { width: 25% } .span_1_of_5 { width: 20% } .span_1_of_6 { width: 16.66666667% } .span_1_of_7 { width: 14.28% } /* Grid > Non Responsive */ .nr-col { float: left; margin: 0 0 20px; padding: 0 10px; } .span_1_of_2.nr-col { width: 50% } .span_1_of_3.nr-col { width: 33.33% } .span_1_of_4.nr-col { width: 25% } .span_1_of_5.nr-col { width: 20% } .span_1_of_6.nr-col { width: 16.66666667% } /* Grid > No Margins 1 */ .one-half, .one-third, .one-fourth, .one-fifth { display: block; float: left; } .one-half { width: 50% } .one-third { width: 33.33% } .one-fourth { width: 25% } .one-fifth { width: 20% } .one-sixth { width: 16.6666% } /* Grid > Clear Floats */ .clr-margin, .count-1, .col-1, .col.first { clear: both; margin-left: 0; } .isotope-entry { clear: none } /*------------------------------------------------------------------ [Main Layout & Widths] -------------------------------------------------------------------*/ .container { max-width: 1366px !important; width: 90%; margin: 0 auto } .center-row-inner { margin: 0 -15px } .content-area {width: 70%;max-width: 75% !important; float: left; position: relative; } .content-full-width .content-area, .content-area.full-width { width: 100%; max-width: none !important; } #sidebar, .sidebar-interior { width: 25%;margin-left:5%;float: left; } #outer-wrap { overflow: hidden } .sidebar-interior h3 { border-bottom: 1px solid; color: #666; margin: 20px 0; text-transform: uppercase; } /* Layout & Widths > Full-Width & Full-Screen */ body.content-full-screen #content-wrap, .content-full-screen { width: 100% !important; max-width: none !important; } body.content-full-width #content-wrap .content-area, .content-full-width .content-area, body.content-full-screen #content-wrap { width: 100% !important; max-width: none !important; } body.content-full-screen #content-wrap .content-area, .content-full-screen .content-area { float: none; padding: 0; width: 100% !important; max-width: none !important; } /* Layout & Widths > Left Sidebar */ body.content-left-sidebar #content-wrap .content-area, .content-left-sidebar .content-area { float: right } body.content-left-sidebar #content-wrap #sidebar, .content-left-sidebar #sidebar { float: left } /* Layout & Widths > Fix Bugs With Containers */ .content-right-sidebar .vc_row-fluid.container, .content-left-sidebar .vc_row-fluid.container, .content-right-sidebar .vcex-testimonials-fullslider-entry, .content-left-sidebar .vcex-testimonials-fullslider-entry { width: 100% !important } /* Layout & Widths > Adds Bottom Margin To Non-VC Pages */ #primary, body.has-composer.page-template-blog #primary { padding-bottom: 40px } body.has-composer #primary, body.compose-mode #primary, body.single-product #primary, body.single-post #primary { padding-bottom: 0 } /*------------------------------------------------------------------ [Body + Main] -------------------------------------------------------------------*/ body { background: #fff; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 24px; color: #666; } img { max-width: 100%; height: auto; vertical-align: bottom; } /* fix IE image scaling */ img { -ms-interpolation-mode: bicubic } /* Main > Sup/Sub */ sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em } .entry iframe, .entry embed { max-width: 100% } #img-attach-page-content { text-align: center; margin-top: 25px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Main > 404 Error Page */ .error404-content { text-align: center; margin: 50px 0; font-size: 1.077em; } .error404-content h1 { font-size: 3.231em; margin: 0 0 10px; } /* Main > Responsive Videos */ .responsive-video-wrap, .responsive-audio-wrap { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .responsive-video-wrap iframe, .responsive-audio-wrap iframe, .responsive-video-wrap object, .responsive-audio-wrap oject, .responsive-video-wrap embed, .responsive-audio-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry .entry-video { margin-bottom: 20px } .wpb_video_widget .responsive-video-wrap { padding-top: 0; padding-bottom: 0; } .wp-video-shortcode { width: auto !important; max-width: 100% !important; } /* Main > Lean Modal Window */ #lean_overlay { position: fixed; z-index: 10002; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } /* Main > Page Featured Image */ #page-featured-img { margin-bottom: 40px } #page-featured-img img { display: block; max-width: 100%; margin: 0 auto; } /* Main > Language Switches */ .polylang-switcher-shortcode li { float: left; margin-right: 5px; } .polylang-switcher-shortcode.flags-and-names li { margin-right: 15px } .polylang-switcher-shortcode li:last-child { margin-right: 0 } /*post edit link*/ .post-edit { padding: 40px 0 60px } body.is_customize_preview .post-edit { display: none; } body.content-full-screen .post-edit { text-align: center } .post-edit a { display: inline-block; padding: 0.9em 1.2em; line-height: 1; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; background: #114C7F; color: #fff; border-radius: 3px; margin-right: 3px; } .post-edit a:hover { text-decoration: none; background: #0d3d63; color: #fff; } /* Page Animation > Custom Loading */ .animsition-loading{position:fixed;z-index:100;top:0 !important;width:100%;height:100%;} .animsition-loading:after{ position: fixed; top: 50%; width: 100%; height: 100%; text-align: center; left:0; } /*------------------------------------------------------------------ [Commons] -------------------------------------------------------------------*/ .center {text-align:center;} .alignRight {text-align:right;} .leftFloat {float:left;margin-right:15px;} .rightFloat {float:right;margin-left:15px;} .third {width:32%; margin-left:1%;float:left;} .third:first-of-type {margin-left:0;} .twothird {width:64%; margin-right:1%;padding:0 1%;float:left;} .twothirdright {width:64%; margin-right:1%;padding:1%;float:right;} .half {width:49%; float:left;margin-left:1%;} .quarter {width:25%; padding:1%;float:left;} .threequarter {width:73%; margin-right:1%;padding:1%;float:left;} .display-none { display: none; } .display-block { display: block; } .display-inline { display: inline; } /* Commons > Backgrounds & Borders */ .bg-gray { background: #f7f7f7 } .bordered { border: 1px solid #eee } /* Commons > Displays */ .block { display: block } .inline-block { display: block; display: inline-block; } .inline { display: inline } /* Commons > Positions */ .relative { position: relative; z-index: 1; } .absolute { position: absolute; z-index: 1; } /* Commons > Visibility */ .hidden { display: none } /* Commons > Background Styles */ .bg-cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-repeat { background-repeat: repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } .bg-fixed-top, .bg-fixed-bottom, .bg-fixed { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } .bg-fixed-top { background-position: center top } .bg-fixed-bottom { background-position: center bottom } /* Commons > Theme Heading */ .theme-heading { height: auto; margin: 20px auto; top: auto !important; font-size: 1.154em; font-weight: bold; font-weight: 600; color: #000; overflow: hidden; position: relative; } .theme-heading span.text { display: inline-block; max-width: 90%; position: relative; } .theme-heading span.text:after { content: ""; display: block; position: absolute; top: 50%; border-bottom: solid 1px #eee; left: 100%; width: 9999px; margin-top: -1px; margin-left: 15px; } /* Commons > Text Highlights */ .text-highlight { color: #0081cc } /* Commons > Fonts */ .thin-font { font-weight: 300 !important } .white-text { color: #fff !important } /* Commons > Margins */ body .no-margin { margin: 0 } body .no-left-margin { margin-left: 0 } body .no-right-margin { margin-right: 0 } .remove-last-p-margin p:last-child { margin: 0 } .margin-bottom-5px { margin-bottom: 5px } .margin-bottom-10px { margin-bottom: 10px !important } .margin-10px { margin: 10px } .margin-bottom-15px { margin-bottom: 15px !important} .margin-bottom-20px { margin-bottom: 20px !important} /* Commons > Paddings */ body .no-padding { padding: 0 } body .no-left-padding { padding-left: 0 } .padding-10 { padding: 10px } .padding-20 { padding: 20px } .padding-30 { padding: 30px } .border-left {border-left:1px solid #eee; padding-left:25px !important} .border-right {border-right:1px solid #eee; padding-right:25px !important} /* Commons > Opacity Hover */ .opacity-hover:hover, .opacity-hover:hover img { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } /* Commons > Alignments & Floats */ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } .float-left { float: left } .float-right { float: right } .fa-left { margin-right: 10px } .fa-right { margin-left: 10px } /* Commons > Text Decorations */ body .td-none { text-decoration: none } /* Commons > Border Radius */ body .semi-rounded { border-radius: 4px } body .rounded { border-radius: 10px } body .round { border-radius: 50% } /* Commons > Image Classes */ .image-shadow { background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .image-border { background: #fff; padding: 4px; border: 1px solid #ddd; } .image-rounded { background: #fff; border-radius: 3px; } .image-circle { background: #fff; border-radius: 99px; } .image-hover:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .image-fancy { background: #fff; padding: 4px; border: 1px solid #ddd; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px; } .image-fancy:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } /* Commons > Fade In */ .show-on-load, .fade-in-image { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } .fade-in-image.no-opacity, body.compose-mode .fade-in-image, .show-on-load.no-opacity, body.compose-mode .show-on-load { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Commons > Hover Animations */ .image-hover { position: relative; overflow: hidden; display: block !important; /* block is important to fix firefox bug */ vertical-align: top; } .image-hover > a { display: block !important } .image-hover img { display: block; width: 100%; /* width is important to fix firefox bug */ margin: 0 auto; height: auto; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; box-shadow: 0 0 0 rgba(0,0,0,0);} .image-hover.opacity img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8 } .image-hover.grow:hover img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2); } .image-hover.shrink:hover img { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8); } .image-hover.side-pan:hover img { margin-left: -11%; -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .image-hover.vertical-pan:hover img { margin-top: -10%; -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2); } .image-hover.tilt:hover img { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .image-hover.blurr img, .image-hover.blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .image-hover.blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .image-hover.blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .image-hover.blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } .image-hover.sepia img { -webkit-filter: sepia(100%); filter: sepia(100%); } .image-hover.sepia:hover img { -webkit-filter: sepia( 100% ); filter: sepia( 100% ); } .image-hover.fade-in { background: #000 } .image-hover.fade-in img { width: 100%; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .image-hover.fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .image-hover.fade-out { background: #000 } .image-hover.fade-out img { width: 100% } .image-hover.fade-out:hover img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } /* Commons > Other */ .non-clickable { cursor: default; } /* Commons > Deprecated */ .rounded { border-radius: 50% } /*------------------------------------------------------------------ [Social Buttons] -------------------------------------------------------------------*/ .social-btn { display: block; display: inline-block; font-size: inherit; color: inherit; padding: 0; height: 1.846em; line-height: 1.846em; width: 1.846em; transition: 0.15s all; cursor: pointer; text-align: center; border-radius: inherit; } .social-btn-minimal { color: #bbb; border: 1px solid #eee; } .social-btn-flat { color: #888; background: #f7f7f7; } .social-btn-3d { background: #aaa; color: #fff !important; border-bottom: 3px solid rgba(0,0,0,0.25); border-radius: 2px; } .social-btn-3d:hover { background: #555 } .social-btn-3d:active { border: none } .social-btn-minimal:hover { text-decoration: none; background: #f7f7f7; } .social-btn-black, .social-btn-black-ch { background: #000; color: #fff !important; } .social-btn-graphical { box-shadow: inset 0 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(0,0,0,0.1); background: #444; } /*hover colors*/ .social-btn-flat.twitter:hover, .social-btn-minimal.twitter:hover { color: #00aced } .social-btn-flat.facebook:hover, .social-btn-minimal.facebook:hover { color: #3b5998 } .social-btn-flat.pinterest:hover, .social-btn-minimal.pinterest:hover { color: #cb2027 } .social-btn-flat.googleplus:hover, .social-btn-minimal.googleplus:hover, .social-btn-flat.google-plus:hover, .social-btn-minimal.google-plus:hover { color: #dd4b39 } .social-btn-flat.linkedin:hover, .social-btn-minimal.linkedin:hover { color: #4875b4 } .social-btn-flat.instagram:hover, .social-btn-minimal.instagram:hover { color: #305777 } .social-btn-flat.youtube:hover, .social-btn-minimal.youtube:hover { color: #C4302B } .social-btn-flat.yelp:hover, .social-btn-minimal.yelp:hover { color: #AF0605 } /*background colors*/ .social-bg, .social-bg:hover { color: #fff !important } .social-bg:hover { opacity: 0.6 } .social-bg.twitter, .social-btn-black-ch.twitter:hover { background: #00aced } .social-bg.facebook, .social-btn-black-ch.facebook:hover { background: #3b5998 } .social-bg.pinterest, .social-btn-black-ch.pinterest:hover { background: #cb2027 } .social-bg.googleplus, .social-btn-black-ch.googleplus:hover, .social-bg.google-plus, .social-btn-black-ch.google-plus:hover { background: #dd4b39 } .social-bg.linkedin, .social-btn-black-ch.linkedin:hover { background: #4875B4 } .social-bg.dribbble, .social-bg.youtube, .social-btn-black-ch.youtube:hover { background: #C4302B } .social-bg.instagram, .social-btn-black-ch.instagram:hover { background: #305777 } .social-bg.yelp, .social-btn-black-ch.yelp:hover { background: #AF0605 } /*------------------------------------------------------------------ [Parallax Backgrounds] -------------------------------------------------------------------*/ .parallax-bg-wrap { position: relative } .parallax-bg-wrap .container { position: relative; z-index: 1; } .parallax-bg-wrap .wpb_column { z-index: 1; position: relative; } .parallax-bg-wrap .center-row-inner { z-index: 1; position: relative; } /*advanced*/ .parallax-bg { display: block; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-attachment: fixed; background-position: 50% 0; background-size: cover; } .compose-mode .parallax-bg { opacity: 1 } .parallax-bg.fixed-repeat { background-repeat: repeat } .parallax-bg.fixed-no-repeat { background-repeat: no-repeat } /*disable on mobile*/ body.is-mobile-device .parallax-bg.not-mobile { background-attachment: scroll !important; background-position: center !important; background-repeat: no-repeat !important; } /*------------------------------------------------------------------ [Video Backgrounds] -------------------------------------------------------------------*/ .video-bg-wrap { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2; } .video-bg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; } .video-bg-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } .video-bg-overlay.dark { background: #000; opacity: 0.65; } .video-bg-overlay.dotted { background: rgba(0,0,0,0.3) url('images/dotted-overlay.png') repeat } .video-bg-overlay.dashed { background: rgba(0,0,0,0.3) url('images/dashed-overlay.png') repeat } /*------------------------------------------------------------------ [WordPress Styles] -------------------------------------------------------------------*/ .bypostauthor, .sticky { } .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } .floatleftcenter { float: none; margin: 0 auto; } .floatleft { float: left } .floatright { float: right } .wp-caption { text-align: center; max-width: 100%; border: 1px solid #eee; background-color: #fff; padding: 8px; } .wp-caption img { display: block; margin: 0 auto; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center; } .wp-caption.alignnone { margin-bottom: 20px } .wp-smiley { margin: 0; max-height: 1em; } #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px; } .post-password-form label, .post-password-form input { display: block; float: none; } .post-password-form input { margin-top: 10px } .post-password-form input[type="password"] { width: 200px; max-width: 100%; } .post-password-form label { font-weight: bold; font-weight: 600; color: #000; } form.login { padding: 20px; border: 1px solid #eee; } form.login .lost_password { margin-left: 20px; display: inline-block; } .wpstats { display: none } /*------------------------------------------------------------------ [Forms + Buttons] -------------------------------------------------------------------*/ .sidebar-interior .ac-container {float:none !important; width:100% !important;max-width:342px} .sidebar-interior .ac-container label{border-radius:5px;padding: 16px 30px;} .sidebar-interior .ac-small {width:100%;max-width:342px;border-radius:5px; margin-top:5px} .sidebar-interior .ac-container input:checked ~ article.ac-small{ height: 500px;background:#fcb003;position:relative; border-radius:5px} .reg-form{background-color: #eee;padding: 10px;border-radius: 5px;box-shadow: 0 1px 4px #ccc inset;overflow: hidden;} .ac-container{float:right; z-index: 25;width:30%; max-width:350px} .ac-container label{font-size:1.75em;position: relative; z-index: 20;display: block;cursor: pointer;background: #fcb003; color:#000; padding: 12px 30px 16px;text-align: center;font-weight:300} .ac-container label img {max-width:15px;} .ac-container label:hover{color: #000;} .ac-container input[type="checkbox"] {display: none;} .ac-container article{height: 0; overflow: hidden; position: absolute; z-index: 101; padding: 0 10px; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear;background:#fcb003;} .ac-container input:checked ~ article{ background:#fcb003; -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; } .ac-small {width:350px;} .ac-container input:checked ~ article.ac-small{ height: 490px;background:#fcb003;position:absolute; } .drop-form br {display:none;} .drop-form input, .drop-form textarea {width:100%; box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.5);} .drop-form input {height:30px} .drop-form textarea {height:80px} .drop-form input[type="submit"] {text-transform: uppercase;background: #9a0e22;padding:10px 10px 35px !important;} .contact-form input[type="submit"] {text-transform: uppercase;background: #9a0e22;padding:10px 20px !important;} .drop-form input[type="submit"]:hover, .contact-form input[type="submit"]:hover {box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);} legend {width:100%;} .wdm-nocapt-recapt {margin-top:10px !important} /*fixes */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } /* turn off number spinners */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* reset search styling */ input[type="search"] { outline: 0 } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /* input normal */ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], textarea { color: #777; padding: .6em .6em; display: inline-block; font-size: .875em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; background: #f7f7f7; font-family: inherit; width:100%; border: 1px solid #ddd;box-shadow: 2px 2px 2px 2px #eee inset;} .contact-form .wpcf7 input[type=checkbox]{ margin-top: -3px; vertical-align: middle; width: 20px !important;} .contact-form span.wpcf7-list-item { clear: both !important; float: left !important;margin-left: 0.5em;} div.wpcf7 .wpcf7-not-valid { border-color: #820000 !important;} div.wpcf7-validation-errors {background: #fff !important;border: 1px solid #820000 !important; color: #820000 !important;font-size: 0.75em !important;font-weight: 400;margin: 20px 0 0;padding: 5px !important;} /* textarea */ textarea { width: 100%; max-width: 100%; -webkit-appearance: none; font-family: inherit; } /* remove chrome yellow autofill */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset } /* placeholder color */ ::-webkit-input-placeholder { color: inherit } :-moz-placeholder { color: inherit } ::-moz-placeholder { color: inherit } :-ms-input-placeholder { color: inherit } /* input focus */ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus { outline: 0; /*border-color: #129FEA; background-color: #f9f9f9; */ ;; } /* theme button default */ .theme-button, .color-button, input[type="submit"], button { color: #fff; background:#820000; padding: .5em 1em; margin: 0; display: inline-block; font-weight: normal; cursor: pointer; outline: none; border: none; font-family: inherit; -webkit-appearance: none; transition: all 0.15s ease-in-out; border-radius: 3px; -webkit-font-smoothing: inherit; text-decoration: none !important; } p.theme-button a { color: #fff } .theme-button p, .vcex-button p { margin: 0 !important; } .theme-button img {vertical-align:middle;} /* theme button hover */ .theme-button:hover, .color-button:hover, input[type="submit"]:hover, button:hover { color: #fff } /* theme button active */ .theme-button:active, .color-button:active, input[type="submit"]:active, button:active { color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; } /* readmore link edits */ .readmore-link-wrap { display: block } .search-entry .readmore-link-wrap { margin-top: 10px } .readmore-link { display: block; float: left; } /* make some buttons smaller */ .readmore-link { font-size: 0.846em } /* full-width inputs */ .full-width-input input { width: 100% } .full-width-input .wpcf7-submit { padding: 0.9em 1.2em; } /*------------------------------------------------------------------ [Theme Buttons] -------------------------------------------------------------------*/ /* Theme Buttons > Backgrounds */ .theme-button.blue { background: #200e72; color: #fff; } .theme-button:hover { background: #180b53; color: #fff; } .theme-button.yellow { background: #fcb003; color: #000; } .theme-button.yellow a { color: #000;} .theme-button.yellow:hover { background: #ff9e02; color: #000; } .theme-button.yellow a:hover { color: #000; } .theme-button.green { background: #036e03} .theme-button.green a { color: #fff;} .theme-button.green:hover { background: #004600; } .theme-button.green a:hover { color: #fff; } .theme-button.red { background: #820000; color: #fff; } .theme-button.red a { color: #fff;} .theme-button.red:hover { background: #5d0000; color: #fff; } .theme-button.red a:hover { color: #fff; } .theme-button.blue { background: #200e72; color: #fff; } .theme-button.blue a { color: #fff;} .theme-button.blue:hover { background: #200e72; color: #fff; } .theme-button.blue a:hover { color: #fff; } .theme-button.white { background: #fff; color: #000; } .theme-button.white:hover { background: #fff } .theme-button.white:hover { opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; } /* Theme Buttons > Outline */ .theme-button.outline { color: #888; background: none; border-radius: 2px; border: 3px solid #eee; font-weight: bold; font-weight: 600; } .theme-button.outline:active { border-color: transparent !important; box-shadow: none; } .theme-button.outline:hover { color: #fff; border-color: transparent !important; } .active > .theme-button.outline, .theme-button.outline.active, .theme-button.outline:hover { color: #fff; border-color: transparent; } .theme-button.wide { width:100% } /*sizes & alignments*/ .theme-button.small, .color-button.small { font-size: 0.923em } .theme-button.medium, .color-button.medium { font-size: 1.077em } .theme-button.large, .color-button.large { font-size: 1.385em } .theme-button.align-left, .color-button.align-left { float: left } .theme-button.align-right, .color-button.align-right { float: right; margin-right: 0; margin-left: 5px; } .theme-button-icon-right, .color-button-icon-right { padding-left: 10px } .theme-button-icon-left, .color-button-icon-left { padding-right: 10px } .theme-button.expanded { width: 100%; padding: 0.9em 1.2em; text-align: center; } /*------------------------------------------------------------------ [Typography] -------------------------------------------------------------------*/ em { font-style: italic } strong { font-weight: bold; font-weight: 600; } small { font-size: 80% } hr { border: solid #e4e4e4; border-width: 1px 0 0; clear: both; margin: 15px 0; height: 0; } /* Typography > Font Sizes */ .em-18px { font-size: 1.125em;line-height: 1.25;} .em-21px { font-size: 1.313em;line-height: 1.5; } .em-24px { font-size: 1.5em;line-height: 1.5;} .em-27px { font-size: 1.688em } .em-30px { font-size: 1.875em } .em-36px { font-size: 2.250em } /* Typography > Font Smoothing */ body.smooth-fonts { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Typography > Links */ a { color: #820000 ; text-decoration: none; outline: none; } a:hover { text-decoration: none } /* Typography > Headings */ h1,h2,h3,h4,h5,h6 { font-weight: 500; line-height: 1.5; margin: 25px 0 10px; } .heading-typography { line-height: 1.5 } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: inherit } h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none } h1 { font-size: 1.625em; margin: 0 0 20px; } h2 { font-size: 1.5em;margin: 20px 0 5px; color:#006800 } .content-area h2:first-of-type{margin: 0px 0 5px; } h3 { font-size: 1.25em; margin: 20px 0 5px; color:#006800 } h4 { font-size: 1.125em ;color:#006800 } h5 { font-size: 1em } h6 { font-size: 0.875em } /* Typography > Paragraph */ p { margin: 0 0 10px } p.lead { font-size: 1.313em; line-height: 27px; color: #777; } /* Typography > Blockquote */ blockquote { background: url('images/quote.png') left 4px no-repeat; padding-left: 55px; margin: 20px 0; color: #888; } blockquote p:last-child { margin: 0 } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /* Typography > Dropcaps */ .dropcap { display: block; float: left; margin-right: 10px; margin-bottom: 10px; font-size: 3.231em; line-height: 100%; } .dropcap.boxed { color: #fff; background: #000; padding: 5px 10px; } /*------------------------------------------------------------------ [Lists] -------------------------------------------------------------------*/ .entry ul, .content-area ul, .entry ol, .content-area ol { margin: 0 0 20px 30px } .entry ul, .content-area ul { list-style: disc } .entry ul li ul, .content-area ul li ul { list-style: circle } .entry ol, .content-area ol { list-style: decimal } .rev_slider ul { margin: 0; padding: 0; } /*checklist*/ ul.check-list, ul.check-list-red { margin: 0 0 20px 15px; list-style: none; } ul.check-list li, ul.check-list-red li { margin: 0 0 10px; text-indent: -1.5em; padding-left: 1em; } ul.check-list li:before { font-family: "FontAwesome"; content: "\f00c"; margin-right: 10px; color:#006800 } ul.check-list-red li:before { font-family: "FontAwesome"; content: "\f00c"; margin-right: 10px; color:#820000 } /*------------------------------------------------------------------ [Header Global Styles] -------------------------------------------------------------------*/ #site-header { padding: 0 !important;position: relative; z-index: 999; } /* no padding should be added here, add to header-inner please*/ #site-header.full-width .container { width: 100% !important; } #site-header-inner { position: relative; padding-top: 10px; padding-bottom: 10px; height: 100%; } #site-navigation.container { position: relative; } /* Header > Main > Logo */ #site-logo { display: table; float:left} #site-logo-inner { display: table-cell; vertical-align: middle; } #site-logo a { height: 100%; padding: 0; margin: 0; text-decoration: none; } #site-logo a.site-logo-text { color: #222; font-size: 24px; font-weight: bold; } #site-logo-fa-icon { margin-right: 10px; } #site-logo a:hover { text-decoration: none } #site-logo img { display: inline; vertical-align: middle; max-height: 100%; max-width: 100%; } /*------------------------------------------------------------------ [Sticky Header] -------------------------------------------------------------------*/ .sticky-header-holder { background: #fff; } .sticky-header-holder.is-sticky #site-header { overflow: visible !important; z-index: 999; background: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.1); } .sticky-header-holder.is-sticky #site-header-inner { z-index: 999; } body.admin-bar .is-sticky #site-header { margin-top: 32px } /* Sticky Header > Shrink */ #site-header.shrink-sticky-header { width: 100%; } #site-header.shrink-sticky-header { transition: opacity 0.3s; } /*------------------------------------------------------------------ [Sticky Navbar] -------------------------------------------------------------------*/ .is-sticky .fixed-nav { width: 100%; background: #fff; border-bottom: 1px solid #eee; overflow: visible !important; z-index: 999; width: 100%; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1); } .admin-bar .is-sticky .fixed-nav { margin-top: 32px } #site-navigation {width:75%;float:left} #site-navigation-wrap {background:#024302; opacity: 0.95;} #site-navigation a {color:#fff; font-size: 1.25em; font-weight: 300;} #site-navigation ul li ul {background:rgb(230, 230,230); border-bottom:3px solid #026502 } #site-navigation ul li ul li ul {background:transparent !important; border-bottom:none !important} #site-navigation ul li ul li a {color:#777777; font-size:.875em; line-height:1.0em;padding: 10px 20px;} #site-navigation ul li ul li a:hover, .mega-header ul li a:hover {color:#222;} .mega-header, .mega-header a {color:#820000 !important; text-transform:uppercase !important; font-weight:600 !important} .mega-header a:before {background: none !important; margin: 0 !important;} .mega-header ul li a {color:#777777 !important;text-transform:none !important; font-weight:400 !important} .mega-header ul li a:before, .ubermenu-submenu-type-flyout li a:before {content: "";display: inline-block;background: url("/wp-content/uploads/2016/11/grey-tri.png") no-repeat !important;width: 15px;height: 13px;margin: 0 0 -2px 5px !important;} .mega-header ul li:hover, .ubermenu-submenu-type-flyout li:hover {background:#ccc;} .ubermenu-submenu .ubermenu-column {border-right:1px solid #ddd !important;} .ubermenu-submenu .ubermenu-column:nth-of-type(3) {border-right:none !important;} /*------------------------------------------------------------------ [TopNav] -------------------------------------------------------------------*/ /* Top Bar > Menu */ .menu-top-nav-container {float: right;font-size:1.0em;font-family: 'PT Sans', sans-serif;} .menu-top-nav-container li { display: block; float: left; text-transform:uppercase; } .menu-top-nav-container li a {border-right:1px solid #bbb;padding: 0px 10px; color:#555} .menu-top-nav-container li a:hover {color:#262626} .menu-top-nav-container li li { display: none !important; /* dropdowns not supported hidden to prevent bugs*/ } .menu-top-nav-container li:last-child a {border-right:none;padding: 0px 0 0px 10px } .menu-top-nav-container li:last-child { margin-right: 0; } /*------------------------------------------------------------------ [Header Two] -------------------------------------------------------------------*/ .header-two { background: #fff } .header-aside { float: right; text-align: right; margin-top: 1%;font-family: 'PT Serif', serif;color:#006800} .phone-num, .phone-num a {color:#7e0001;margin-top:10px;font-size:1.55em;line-height:1;} .tag {font-size:1.35em;line-height:1.5} /* Header > Two > Logo */ .header-two-logo { float: left } .header-two-logo a { display: block; float: left; } /* Header > Two > Search */ #header-two-search { margin-top: 10px } #header-two-search { float: right } #header-two-search input { background: transparent !important; border-bottom: 2px solid #fff; float: left; font-size: 0.923em; height: 32px; padding: 0 10px; width: 225px; border-left: none; border-right: none; border-top: none; color: #fff;} #header-two-search-submit {background: transparent !important; height: 32px; line-height: 32px; width: 35px; text-align: center; padding: 0; outline: none; margin-left: 5px; cursor: pointer; font-size: 18px; } /* Header > Two > Navbar */ .navbar-style-two { background: #fff; } .navbar-style-two .dropdown-menu { width: 100% } .navbar-style-two { border-top: 1px solid #eee; position: relative; } body.page-header-disabled .navbar-style-two { border-bottom: 1px solid #eee } .navbar-style-two .dropdown-menu { border-left: 1px solid #eee; border-right: 1px solid #eee; } .navbar-style-two .dropdown-menu li { border-right: 1px solid #eee } .navbar-style-two .dropdown-menu li li { border-right: 0 } .navbar-style-two .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; font-weight: normal; padding: 0 20px; } .navbar-style-two .dropdown-menu .woo-menu-icon, .navbar-style-two .dropdown-menu .search-toggle-li { float: right; border-left: 1px solid #eee; border-right: 0; } #slide-wrap {margin-top:-57px;} /*------------------------------------------------------------------ [Page Title] -------------------------------------------------------------------*/ /* Page Header > Main */ .page-header {background: rgba(131, 131, 131, 0.1) none repeat scroll 0 0; box-shadow: 0 0 2px 0 #ccc inset; margin: 0 0 20px; padding: 15px 0; position: relative; } .page-header-sat {background:#036e03; color:#fff;border-top: 2px solid #fff; margin: 0 0 20px; padding: 15px 0; position: relative; } .page-header-act {background:#820000; color:#fff;border-top: 2px solid #fff; margin: 0 0 20px; padding: 15px 0; position: relative; } .page-header-tutor {background:#200e72; color:#fff;border-top: 2px solid #fff; margin: 0 0 20px; padding: 15px 0; position: relative; } .page-header .container { position: relative } .header-title{ display: block; font-size: 1.875em; line-height: 1.4em; font-weight: normal; font-weight: 400; color: #820000;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5); } .page-header-sat .header-title, .page-header-act .header-title, .page-header-tutor .header-title {color: #fff !important; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5) !important;} .page-subheading { font-size: 1.077em; margin: 0; color: #999; } .page-subheading p:last-child { margin: 0 } /*------------------------------------------------------------------ [Breadcrumbs] -------------------------------------------------------------------*/ .site-breadcrumbs { position: absolute; right: 0; top: 50%; height: 32px; line-height: 32px; margin-top: -16px; font-size: 0.9em; color: #bcbcbc; font-weight: normal; } .site-breadcrumbs a { color: #333 } .site-breadcrumbs .breadcrumb-title { margin-right: 5px } .site-breadcrumbs .fa { margin: 0 3px } /*------------------------------------------------------------------ [Entries (Global Styles)] -------------------------------------------------------------------*/ /* Entries > Left Thumbnail Style */ .entries.left-thumbs .entry { border: 0 } .entries.left-thumbs .entry .entry-media { float: left; margin: 0; width: 46%; } .entries.left-thumbs .entry .entry-details { background: none; border: none; float: right; width: 50%; padding: 0; } .entries.left-thumbs .entry:not(.has-media) .entry-details { width: 100% } /* Entries > Title */ .entry-title { display: block; font-size: 1.077em; margin: 0 0 5px; font-weight: bold; font-weight: 600; color: #000; } .entry-title a { color: inherit } .entry-title a:hover { text-decoration: none } .single-post-title { font-size: 1.846em; margin: 0 0 10px; font-weight: 400; } /*------------------------------------------------------------------ [Post Meta] -------------------------------------------------------------------*/ ul.meta {margin: 0 0 20px;} .meta, .entry .meta { font-size: 0.923em; color: #777; list-style: none; margin: 0 0 10px; } .meta li, .entry .meta li { float: left; margin: 0 20px 5px 0; list-style: none;} .meta li:last-child, .entry .meta li:last-child { margin-right: 0 } .meta li .fa { margin-right: 8px } .meta a { color: #777; text-decoration: none; } .meta a:hover { color: #000; text-decoration: none; } .meta time { display: inline; } /*------------------------------------------------------------------ [Blog] -------------------------------------------------------------------*/ ul.article-list li {float:left; width:24%;padding:1%;margin-right:1%;border:1px solid #eee;} ul.article-list li:last-child {margin-right:none !important} .article-box {margin: 1% 0} .article-box a {color:#831214;} #home-upcoming-events{display: block;float: left;width: 48%;margin-right: 1%;border-right: 1px solid #eee} #home-upcoming-events ul.article-list li, #home-recent-articles ul.article-list li{float:left; width:48.5%;padding:1%;margin-right:1%;position: relative} #home-upcoming-events ul.article-list li:last-child, #home-recent-articles ul.article-list li:last-child {margin-right:none !important} #home-recent-articles ul.article-list li, #home-upcoming-events ul.article-list li {background-image:linear-gradient(#eee, transparent);min-height: 450px; padding: 10px;min-height:550px} .article-list h4 {border-top:1px solid #bbb; border-bottom:1px solid #bbb; height:60px; padding:1% 0;margin:4% 0 2%} #home-upcoming-events .article-box, #home-recent-articles .article-box {margin: 0 1%} #home-upcoming-events .article-box a, #home-recent-articles .article-box a {color:#831214} #home-recent-articles{display: block;float: left;width: 48%} #content .view-events-link {float:right;font-weight: 600;margin-right: 10px;margin-top: 10px;} #content .view-articles-link {float:right;font-weight: 600;margin-right: 10px;margin-top: 10px;} #events-list {margin-bottom: 15px;} #content .social-share-buttons li:before {content: none;} .social-share-buttons.position-horizontal li a { border: none;} .prev-article{float:left;margin-left:15px;width:40%} .next-article{float:right; text-align:right;margin-right:15px;width:40%} .blog-entry a.blog-entry-media-link { display: block; margin: 0 auto; } .blog-entry-media img { display: block; margin: 0 auto; width: 100%; } .single-post .blog-entry.grid-entry-style.format-quote { width: 100%; margin: 0; } .format-quote { overflow: hidden } .blog-entry-readmore span.readmore-rarr { margin-left: 7px } .blog-entry .social-share-title { display: none } .blog-entry-excerpt p:last-child { margin: 0 } /* Blog > Audio Format */ .blog-entry-img-link { position: relative; display: block; } .blog-entry-music-icon-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4); transition: all 0.2s; } .blog-entry-music-icon-overlay:hover { background: rgba(0,0,0,0.6) } .blog-entry-music-icon-overlay .fa { display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #fff; color: #000; font-size: 1.385em; border-radius: 99px; opacity: 0.85; } .blog-post-audio { overflow: hidden; width: 100%; } .blog-post-audio iframe, .blog-post-audio embed { max-width: 100% } /* Blog > Pagination */ .pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;} .pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#555;background: #ccc;} .pagination a:hover{color:#fff;background: #200e72;} .pagination .current{padding:6px 9px 5px 9px;background: #820000;color:#fff;} /*------------------------------------------------------------------ [Blog Entry] -------------------------------------------------------------------*/ .blogIntro { border-bottom: 1px solid #999; border-top: 1px solid #999; color: #777; font-size: 1.25em; line-height: 27px; margin-bottom: 15px;padding: 10px 0;} .blog-entry-title { font-size: 1.846em; margin: 0 0 10px; font-weight: 400; } .blog-entry-media, .blog-entry-excerpt, .blog-entry-readmore { margin-bottom: 20px } /* Blog Entry > Quote Format */ .blog-entry.format-quote .post-quote-entry-inner { position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7; } .blog-entry.format-quote p:last-child { margin: 0 } .blog-entry.format-quote .quote-entry-author { margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline; } .blog-entry.format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #999; font-size: 60px; display: block; z-index: 1; opacity: 0.15; } /* Blog Entry > Avatar */ .entry-has-avatar .blog-entry-header { position: relative; padding-left: 100px; min-height: 74px; margin-bottom: 20px; } .blog-entry-author-avatar { position: absolute; left: 0; top: 0; } .blog-entry-author-avatar { height: 74px; width: 74px; } .blog-entry-author-avatar a, .blog-entry-author-avatar img { display: block; width: 100%; height: 100%; } .entry-has-avatar.large-image-entry-style { position: relative; } /*------------------------------------------------------------------ [Single Blog Posts] -------------------------------------------------------------------*/ .single-post .entry { margin-bottom: 40px } /* Blog Single > Meta */ .content-full-screen .meta { display: none } .single-post .meta { margin: 0 0 20px } .single-blog-article .meta.meta-with-title { display: none } /*----Events---------*/ .event-datetimes {font-weight: bold} .event-datetimes ul {margin: 10px 0 !important; } .ee-clearfix .ee-event-datetimes-li { list-style: outside none none !important;} /* Blog Single > Thumbnail */ #post-media { display: block; position: relative; margin-bottom: 20px; } #post-media img { display: block; margin: 0 auto; width: 100%; } .post-media-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.75); color: #fff; font-size: 0.923em; font-weight: normal; text-align: center; } .post-media-caption p { color: #fff } .post-media-caption a { color: #fff; text-decoration: underline; } .post-media-caption p:last-child { margin: 0 } /* Blog Single > Tags */ .post-tags { margin-bottom: 40px } /* Blog Single > Related Posts */ .related-posts { margin-bottom: 20px; overflow: hidden; } .related-posts li { margin-bottom: 20px } .related-posts li:last-child, .related-posts li p:last-child { margin-bottom: 0 } .related-post-thumb { display: block } .related-post-thumb img { display: block; width: 100%; } .related-post-title { margin: 0 0 5px; display: block; } .related-post-content { padding: 10px; background: #f7f7f7; border: 1px solid #eee; } .related-post-excerpt { font-size: 0.923em; line-height: 1.7em; } .related-post-excerpt p:last-child { margin: 0 } /* Blog Single > Quote */ .single .format-quote { position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7; } .single .format-quote p:last-child { margin: 0 } .single .format-quote .quote-entry-author { margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline; } .single .format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; font-size: 60px; display: block; z-index: 1; opacity: 0.1; } /*------------------------------------------------------------------ [Post Series] -------------------------------------------------------------------*/ #post-series { padding: 0 25px 25px; background: #f7f7f7; border: 1px solid #e4e4e4; margin-bottom: 30px; } #post-series-title { background: #eee; font-size: 1.231em; font-weight: normal; margin: 0 -25px 25px; padding: 10px 25px; color: #000; border-bottom: 1px solid #e4e4e4; } #post-series-title a { opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; } #post-series-title a { color: inherit } #post-series ul { list-style: none !important; margin: 0 !important; } #post-series li { padding: 7px 0; border-bottom: 1px solid #eee; } #post-series li:first-child { padding-top: 0 } #post-series li:last-child { border: none; padding-bottom: 0; } #post-series .post-series-count { font-weight: bold; font-weight: 600; color: #000; margin-right: 10px; } #post-series .post-series-current { opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; text-decoration: line-through; } /*------------------------------------------------------------------ [Social Sharing] -------------------------------------------------------------------*/ /* Social Sharing > Core */ ul.social-share { list-style: none } .social-share-button-text { font-size: 13px } /* Dont use em here !! */ .social-share li, .social-share a { display: block; text-decoration: none; } .social-share a:hover { text-decoration: none } /* Social Sharing > Add margin when needed */ .single-portfolio.no-composer .social-share-wrap.position-horizontal { margin: 40px 0 0 } /* Social Sharing > Horizontal */ .social-share.position-horizontal { margin: 0 0 40px } .social-share.position-horizontal li { float: left; margin: 0 5px 5px 0; border: none; } .social-share.position-horizontal li a { color: #999; width: auto; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #e4e4e4; font-weight: normal; } .social-share.position-horizontal li .fa { margin-right: 5px } /* Social Sharing > Minimal */ .social-share li a { color: #999; width: 35px; height: 35px; line-height: 35px; border: 1px solid #e4e4e4; border-top: none; text-align: center; font-size: 1.077em; transition: all .15s ease-in-out; } .social-share li a:hover { background: #f7f7f7 } .social-share li.share-twitter a:hover { color: #00aced } .social-share li.share-facebook a:hover { color: #3b5998 } .social-share li.share-pinterest a:hover { color: #cb2027 } .social-share li.share-googleplus a:hover { color: #dd4b39 } .social-share li.share-linkedin a:hover { color: #4875B4 } /*------------------------------------------------------------------ [Pagination] -------------------------------------------------------------------*/ /*next/previous posts*/ .post-pagination { border-top: 1px solid #eee; padding: 30px 0; color: #888; } .post-pagination .post-prev { float: left; width: 48%; } .post-pagination .post-prev span { margin-right: 5px } .post-pagination .post-next { float: right; width: 48%; text-align: right; } .post-pagination .post-next span { margin-left: 5px } .post-pagination a { color: #888 } .content-full-screen .post-pagination { display: none } /*standard*/ ul.page-numbers { list-style: none; margin: 10px 0 0; } ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center; } .page-numbers a, .page-numbers span { line-height: 1; display: block; padding: 0.4em 0.7em; font-size: 0.923em; text-decoration: none; font-weight: normal; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; transition: all .15s ease-in-out; } .page-numbers a span { padding: 0 } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #000; background: #f7f7f7; text-decoration: none; } .page-numbers:hover { text-decoration: none } /*infinite scroll*/ .infinite-scroll-loader { position: absolute; bottom: -20px; left: 50%; margin-left: -8px; height: 16px; line-height: 16px; width: 30px; background: url('images/loader.gif') center center no-repeat; text-indent: -9999px; } #infscr-loading img { display: none !important } .infinite-scroll-nav { display: none } /*Add some padding*/ .infinite-scroll-wrap { position: relative; padding-bottom: 20px; } /*------------------------------------------------------------------ [Sidebar] -------------------------------------------------------------------*/ #sidebar { margin-bottom: 10px } .sidebar-box { padding-bottom: 30px } .sidebar-box input { max-width: 100% } .sidebar-box .widget-title { margin: 0 0 20px; font-size: 1.077em; font-weight: bold; font-weight: 600; color: #000; } .sidebar-box .widget-titleselect { width: 100% } /*------------------------------------------------------------------ [Widgets] -------------------------------------------------------------------*/ .widget ul { list-style: none; margin: 0; } /* Widgets > Borders */ .widget-recent-posts-li, .widget_categories li, .widget_recent_entries li, .widget_archive li, .widget_recent_comments li, .widget_product_categories li, .widget_layered_nav li, .widget-recent-posts-icons li, .site-footer .widget_nav_menu li { padding: 6px 0; border-bottom: 1px solid #eee; } .widget_product_categories ul ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_product_categories ul ul li { padding-left: 15px } /* Widgets > Google Map */ .gmap-widget-embed iframe { margin-bottom: 0; padding: 0; display: block; width: 100%; border: none; } /* Widgets > Business Info */ .info-widget div { padding-left: 2.308em; position: relative; line-height: 1.5; margin-bottom: 10px; } .info-widget div:last-child { margin-bottom: 0; } .info-widget p { margin: 0; } .info-widget .fa { position: absolute; left: 0; top: 0; font-size: 1.231em; } /* Widgets > Custom Menu */ #sidebar .widget_nav_menu .sub-menu { display: none } #sidebar .widget_nav_menu ul { margin: 0 } #sidebar .widget_nav_menu ul ul { margin: 0; border: none; border-radius: 0; } #sidebar .widget_nav_menu ul > li:first-child > a { border-top: 1px solid #e4e4e4 } #sidebar .widget_nav_menu li ul li:first-child a { border-top: none } #sidebar .widget_nav_menu a { position: relative; font-weight: normal; display: block; padding: 9px 15px; border: 1px solid #e4e4e4; border-top: none; } #sidebar .widget_nav_menu a .fa { margin-right: 10px } #sidebar .widget_nav_menu .menu-item-has-children > a { padding-right: 30px } #sidebar .widget_nav_menu ul ul li a { padding-left: 20px } #sidebar .widget_nav_menu ul ul ul li a { padding-left: 30px } #sidebar .widget_nav_menu .sub-menu a:before { content: "-"; margin-right: 10px; } #sidebar .widget_nav_menu .sub-menu .sub-menu a:before { content: "- -"; margin-right: 10px; } #sidebar .widget_nav_menu a:hover, #sidebar .widget_nav_menu li.active > a { background-color: #f9f9f9; text-decoration: none; } #sidebar .widget_nav_menu .parent > a:after { font-family: 'FontAwesome'; display: block; content: "\f0d7"; position: absolute; right: 15px; top: 50%; font-size: 1.077em; height: 20px; line-height: 20px; margin-top: -10px; color: #ddd; } #sidebar .widget_nav_menu .parent.active > a:after { content: "\f0d8" } #sidebar .widget_nav_menu .current_page_item > a, #sidebar .widget_nav_menu .current-menu-item > a { background: #f7f7f7 } #sidebar .widget_nav_menu .current_page_item > .sub-menu, #sidebar .widget_nav_menu .current-menu-item > .sub-menu { display: block; } /* Widgets > Tagcloud */ #main .tagcloud a, .post-tags a { display: block; float: left; padding: .3em 0.8em; margin: 0 5px 5px 0; border: 1px solid #eee; color: #555; background: #f7f7f7; cursor: pointer; transition: all .15s ease-in-out; } #main .tagcloud a:hover, .post-tags a:hover { text-decoration: none; color: #fff; border-color: transparent; } /* Widgets > Thumbnail Grid */ .recent-posts-thumb-grid.row { margin: 0 -5px; margin-bottom: -10px; overflow: hidden; } .recent-posts-thumb-grid.row .nr-col { padding: 0 5px; margin-bottom: 10px; } .recent-posts-thumb-grid li a, .recent-posts-thumb-grid li img { display: block; width: auto; max-width: 100%; } .recent-posts-thumb-grid li img:hover { opacity: 0.8 } /* Widgets > Posts w/ Thumbnails */ .widget-recent-posts-li { margin: 0; font-size: 1em; min-height: 95px; padding-left: 85px; position: relative; padding-top: 15px; padding-bottom: 15px; } .widget-recent-posts-li:first-child { padding-top: 15px } .widget-recent-posts-thumbnail { position: absolute; left: 0; top: 15px; width: 65px; } .widget-recent-posts-thumbnail, .widget-recent-posts-thumbnail img { display: block } .widget-recent-posts-li:first-child .widget-recent-posts-thumbnail { top: 15px } .widget-recent-posts-thumbnail:hover { opacity: 0.7 } .widget-recent-posts-title { font-weight: bold; font-weight: 600; color: #000; } .widget-recent-posts-title:hover { text-decoration: none; opacity: 0.75; } #sidebar .widget-recent-posts-date { font-size: 0.923em; font-weight: 400; color: #777; } .widget-recent-posts.style-fullimg .widget-recent-posts-thumbnail { position: inherit; left: auto; top: auto; margin-bottom: 15px; width: 100%; } .widget-recent-posts.style-fullimg .widget-recent-posts-li { padding-left: 0; min-height: 0; } .widget-recent-posts.style-fullimg .widget-recent-posts-date { margin-top: 0 } /* Widgets > Categories */ .widget_categories li { position: relative } .widget_categories li ul { margin: 0 0 0 20px } .widget_categories li ul li:first-child { border-top: 1px solid #eee; margin-top: 4px; } .widget_categories li ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories .cat-count-span { color: #999; font-size: 0.846em; } /* Widgets > Recent Posts */ .widget_recent_entries .post-date { display: block; font-size: 0.846em; color: #777; margin: 5px 0 0; } /* Widgets > Recent Posts w/ Icons */ .sidebar-widget-icons .widget_archive a:before, .sidebar-widget-icons .widget_recent_entries a:before, .sidebar-widget-icons .widget_recent_comments a:first-child:before, .sidebar-widget-icons .widget_layered_nav a:before, .sidebar-widget-icons .widget_product_categories a:before, .sidebar-widget-icons .widget_categories a:before { margin-right: 10px; font-family: "FontAwesome"; color: #999; display: inline-block; } .sidebar-widget-icons .widget_archive a:before { content: "\f016" } .sidebar-widget-icons .widget_recent_entries a:before { content: "\f0f6" } .sidebar-widget-icons .widget_recent_comments a:first-child:before { content: "\f0e5" } .sidebar-widget-icons .widget_layered_nav a:before { content: "\f0da" } .sidebar-widget-icons .widget_product_categories a:before { content: "\f0da" } .sidebar-widget-icons .widget_categories a:before { content: "\f114" } /* Widgets > Footer Colors */ #footer li { border-color: #333 } /* Widgets > With Icons */ .widget-recent-posts-icons li .fa { margin-right: 10px; color: #999; } .site-footer .widget-recent-posts-icons li .fa { color: #777 } /* Widgets > Recent Posts */ .recent-comments-widget li { position: relative; padding-left: 70px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; min-height: 62px; } .recent-comments-widget li:first-child { border-top: 1px solid #eee; padding-top: 20px; } .recent-comments-widget li a { display: block } .recent-comments-widget li a.avatar { width: 50px; height: 50px; position: absolute; left: 0; top: 0; display: block; padding: 3px; border: 1px solid #e4e4e4; } .recent-comments-widget li:first-child a.avatar { top: 20px } .site-footer .recent-comments-widget li a.avatar { border-color: #333 } .recent-comments-widget strong { color: #000 } .site-footer .recent-comments-widget strong { color: #fff } /*------------------------------------------------------------------ [Footer Callout] -------------------------------------------------------------------*/ #footer-callout-wrap { background: #f7f7f7; padding: 30px 0 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin:1% auto} #footer-callout { font-size: 1.313em } #footer-callout-left, #footer-callout-right { display: block; float: left; } #footer-callout-left { width: 60%;color: #777;font-weight: 300;line-height: 1.5; } #footer-callout-left.full-width { width: 100% } #footer-callout-right { width: 38%; margin-left: 2%; } #footer-callout .theme-button { margin: 0 1%; width: 47%; text-align: center; font-size: 1.25em; padding: 15px 20px; background:#820000} /*------------------------------------------------------------------ [Class Sign Up Callout] -------------------------------------------------------------------*/ #class-callout-wrap {border-bottom:2px solid #200e72;border-top:2px solid #200e72; padding: 30px 20px; margin:2% 0; overflow:hidden;} #class-callout-left, #class-callout-right { display: block; float: left; } #class-callout-left { width: 50%;color: #777;font-weight: 300;line-height: 1.5; font-size: 1.385em} #class-callout-left.full-width { width: 100% } #class-callout-right { width: 45%; margin-left: 3%; } #class-callout-right .theme-button {margin: 0; width: 100%; text-align: center; font-size: 1.5em; padding: 15px 20px; background:#200e72} #class-callout-right .theme-button img {vertical-align:middle;} /*------------------------------------------------------------------ [Class Sign Up Callout] -------------------------------------------------------------------*/ #contact-callout-wrap { border-top:2px solid #200e72; padding: 20px; margin:4% 0; overflow:hidden;} #contact-callout-left, #contact-callout-right { display: block; float: right; text-align: right;} #contact-callout-left { width: 50%;color: #777;font-weight: 300;line-height: 1.5; font-size: 1.385em} #contact-callout-left.full-width { width: 100% } #contact-callout-right { width: 45%; margin-left: 3%; } #contact-callout-right .theme-button { display: inline; margin: 0 1%; width: 100%; text-align: center; font-size: 1.25em; padding: 10px 15px; background:#200e72} #contact-callout-right .theme-button img {vertical-align:middle;} /*------------------------------------------------------------------ [Footer + Footer Widgets] -------------------------------------------------------------------*/ .site-footer .menu {font-size:0.9em} .site-footer p {font-size:0.825em; line-height:21px;} .site-footer .quarter, .site-footer .third {text-transform:uppercase;font-size:0.75em; line-height:15px;color:#eee;} .site-footer .quarter strong, .site-footer .third strong {border-bottom:1px solid #eee; font-size:1.2em; line-height:30px;color:#eee;} #footer li {margin:4px 0} .social-buttons {margin:20px 0} /* Footer > Main */ .site-footer { background: #323232; color: #777; margin-top:2%} .site-footer .container { padding: 25px 0 } .single-col-footer .col { margin-left: 0; width: 100%; margin-right: 0; } .site-footer ul { margin: 0 } .site-footer .col { margin-bottom: 0 ; float:left} .full-screen-post .site-footer { margin-top: 0 } .site-footer .widget_recent_entries li, .site-footer .widget_categories li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333; } /* Footer > Typography */ .footer-widget .widget-title { color: #fff; font-weight: bold; font-weight: 600; font-size: 1.077em; margin: 0 0 20px; } .site-footer p { color: #777 } .site-footer-widgets { position: relative } .site-footer a, .site-footer strong { color: #999 } .site-footer a:hover { color: #fff; text-decoration: none; } /* Footer > Widgets */ .footer-widget { padding-bottom: 45px } #footer-widgets.row .col { margin-bottom: 0 !important } .footer-widget .widget-recent-posts-title { color: #fff } /* Footer > Bottom */ #footer-bottom { min-height: 30px; background: #006800; color: #999; font-size: 0.923em; } #footer-bottom-inner { position: relative } #footer-bottom p { color: #999 } #footer-bottom p:last-child { margin: 0 } #footer-bottom > .container { padding-top: 10px; padding-bottom: 10px; } #footer-bottom a { color: #aaa } #footer-bottom a:hover { color: #fff; text-decoration: none; } /* Footer > Copyright */ #footer-copyright { font-size: 0.923em; font-weight: 400; } #footer-copyright p:last-child { margin: 0 } /*------------------------------------------------------------------ [Search] -------------------------------------------------------------------*/ /*search input*/ .searchform { position: relative } .menu-search-text { display: none; } .searchform input { width: 100%; background-repeat: no-repeat; background-position: right center; padding: .8em 30px .8em .8em; } .searchform .searchform-submit { position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin: -10px 0 0; background: none; padding: 0; border: 0; outline: 0; color: #000; font-size: 11px; opacity: 0.5; } #footer .searchform input { background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06); border: none; padding: .8em; } #footer input[type="search"] { outline: none } /*search results page*/ #search-no-results { font-size: 1.231em; margin-bottom: 20px; } /*entries*/ .search-entry { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 130px; min-height: 120px; } .search-entry-no-thumb { padding-left: 0; min-height: 0; } .search-entry h2 { font-size: 1.313em; margin: 0 0 10px; font-weight: bold; font-weight: 600; } .search-entry-thumb { position: absolute; top: 0; left: 0; width: 100px; padding: 4px; border: 1px solid #eee; } .search-entry-thumb img { display: block; width: 100%; } .search-entry-thumb img:hover { opacity: 0.8 } .search-entry-text p:last-child { margin: 0 } /*search site overlay - modal*/ #searchform-overlay { display: none; width: 350px; top: 120px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; } #searchform-overlay.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #searchform-overlay-title { font-size: 2.154em; margin: 0 0 20px; font-weight: 400; color: #fff; text-align: center; text-transform: capitalize; } #searchform-overlay input { font-size: 1.077em; background: #fff; -webkit-apperance: none !important; width: 100%; border: 0; outline: 0; padding: 0; padding-right: 40px; padding-left: 20px; height: 45px; color: #000; font-weight: 400; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.7); } #searchform-overlay .searchform-submit { font-size: 18px; } #searchform-overlay .searchform-submit:hover { opacity: 1; } /*dropdown searchform*/ #searchform-dropdown { z-index: 10000; position: absolute; right: 0; background: #fff; top: 100%; padding: 15px; width: 260px; border-top: 3px solid transparent; box-shadow: 0 2px 7px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #searchform-dropdown input { display: block; outline: none; border: none; width: 100%; background: #f4f4f4; -webkit-appearance: none; border-radius: 0; } #searchform-dropdown button { display: none; } .boxed-main-layout #searchform-dropdown { right: 30px } /*header replace*/ #searchform-header-replace { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #searchform-header-replace form { height: 100%; width: 100%; } #searchform-header-replace input { height: 100%; width: 100%; outline: 0; border: 0; -webkit-appearance: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: 0; font-size: 32px; text-transform: uppercase; color: #bbb; background: none; } #searchform-header-replace-close { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 26px; color: #bbb; cursor: pointer; } #searchform-header-replace-close:hover { color: #000 } body.boxed-main-layout #searchform-header-replace input { padding: 0 30px } body.boxed-main-layout #searchform-header-replace-close { right: 30px } /*------------------------------------------------------------------ [Contact Form 7] -------------------------------------------------------------------*/ span.wpcf7-not-valid-tip { display: none !important } div.wpcf7 input, div.wpcf7 textarea { max-width: 100% } div.wpcf7-validation-errors { margin: 20px 0 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #fad7b5; font-weight: 400; font-size: 0.923em; } div.wpcf7 .wpcf7-mail-sent-ok { margin: 10px 0 0; padding: 10px; background: #edfdd3; border: 1px solid #c4dba0; text-align: center; color: #657e3c; font-weight: normal; } div.wpcf7-mail-sent-ng { margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; } .wpcf7 input, .wpcf7 textarea { margin: 5px 0 } div.wpcf7 .col input { width: 100% } div.wpcf7 .one-half input { width: 100% } div.wpcf7 .one-half { padding-left: 20px } div.wpcf7 .one-half.first { padding-left: 0 } div.wpcf7 .full-width input { width: 100% } /*------------------------------------------------------------------ [Login Page] -------------------------------------------------------------------*/ #login-page-wrap { padding: 80px 0; text-align: center; } #login-page-logo { margin-bottom: 10px } #login-page-logo a { font-weight: bold; font-weight: 600; font-size: 26px; color: #000; } #login-template-form { display: inline-block; border: 1px solid #eee; background: #f7f7f7; padding: 20px; width: 300px; max-width: 100%; } #login-template-form label { font-size: 0.846em; text-transform: uppercase; font-weight: 400; text-align: left; letter-spacing: 1px; display: block; float: none; margin-bottom: 5px; color: #999; } #login-template-form input[type="text"], #login-template-form input[type="password"] { width: 100%; background: #fff; } #login-template-form .button-primary { width: 100% } #login-template-form .login-submit { margin: 0 } /*------------------------------------------------------------------ [Login Form] -------------------------------------------------------------------*/ #loginform-wrap label { font-size: 1.125em } #loginform-wrap input[type="text"], #loginform-wrap input[type="password"] { width: 100%; font-size: 1em; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid transparent; margin-top: 10px; border-radius: 3px; } #loginform-wrap input[type="text"]:focus, #loginform-wrap input[type="password"]:focus { border-color: #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.1); color: #333; } #loginform-wrap p:last-child { margin: 0 } #loginform-wrap a:hover { color: #4d4d4d; text-decoration: none; } /*------------------------------------------------------------------ [Archives] -------------------------------------------------------------------*/ .archives-section { margin-bottom: 60px } .archives-section h2 { margin: 0 0 10px } .archives-list { list-style: none; border-top: 1px solid #eee; padding-top: 10px; } .archives-list li { display: block; color: #999; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .archives-list li a { color: #999 } .archives-list li a:hover { color: #000; text-decoration: none; } .archives-list li .fa { color: #999; margin-right: 15px; } /*------------- [FAQs] ---------------*/ .faq .transition, .faq p, .faq div, .faq ul li i:before, .faq ul li i:after {transition: all 0.25s ease-in-out;} .faq .box-grey img {vertical-align:middle} .faq .flipIn, .faq h1, .faq ul li { animation: flipdown 0.5s ease both;} .faq .no-select, .faq h2 { margin-bottom: 25px !important; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .faq div {position: relative; overflow: hidden; opacity: 1; transform: translate(0, 0);margin-top: 14px; z-index: 2;} .faq ul {list-style: none; perspective: 900; padding: 0; margin: 0;} .faq ul li { position: relative; padding: 0; margin: 0;padding-bottom: 4px;padding-top: 18px;border-top: 1px dotted #dce7eb;} .faq ul li ul li, .faq ul li ol li { border-top: none;padding-top: 5px;} .faq ul li ul, .faq ul li ol {margin: 0 5% 2%;} .faq ul li:nth-of-type(1) {animation-delay: 0.5s;} .faq ul li:nth-of-type(2) {animation-delay: 0.75s;} .faq ul li:nth-of-type(3) {animation-delay: 1s;} .faq ul li:nth-of-type(4) {animation-delay: 1.25s;} .faq ul li:nth-of-type(5) { animation-delay: 1.5s;} .faq ul li:nth-of-type(6) { animation-delay: 1.75s;} .faq ul li:nth-of-type(7) {animation-delay: 2s;} .faq ul li:last-of-type { padding-bottom: 0;} .faq ul li i {position: absolute;transform: translate(-6px, 0);margin-top: 16px; right: 0;} .faq ul li i:before, .faq ul li i:after {content: "";position: absolute;background-color: #820000;width: 3px; height: 9px;} .faq ul li i:before { transform: translate(-2px, 0) rotate(45deg);} .faq ul li i:after {transform: translate(2px, 0) rotate(-45deg);} .faq ul li input[type=checkbox] {position: absolute;cursor: pointer;width: 100%;height: 100%; z-index: 1; opacity: 0;} .faq ul li input[type=checkbox]:checked ~ p, .faq ul li input[type=checkbox]:checked ~ div {margin-top: 0;max-height: 0;opacity: 0;transform: translate(0, 50%);} .faq ul li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg);} .faq ul li input[type=checkbox]:checked ~ i:after {transform: translate(-2px, 0) rotate(-45deg);} @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg);} 5% { opacity: 1;} 80% { transform: rotateX(8deg);} 83% { transform: rotateX(6deg);} 92% { transform: rotateX(-3deg);} 100% { transform-origin: top center; transform: rotateX(0deg);} } /*------------- [Landing Pages] ---------------*/ .sat-landing {margin:25px auto;} .sat-landing-left {width:60%; float:left;} .sat-landing-right {width:40%; float:left; text-align:center} .sat-landing-right .landing-form { height: auto !important;font-size: 18px;} .sat-landing-right .landing-form input[type="text"] {width:95%; margin:5px 0} .sat-landing-right .landing-form input[type="submit"] {margin: 5px auto;width: 95% !important;padding: 5px !important;} .free-practice {background: #f3b505;color: #333;font: 40px/40px "PT Sans",Arial,sans-serif;padding: 15px 25px 10px; width 95%; margin:0 auto 10px;} .landing-headline {color: #004d00; font-size: 30px;line-height: 44px;font-family: "Open Sans";} .landing-headline span {color: #7c201e; font-size: 60px;line-height: 64px;font-family: "Open Sans";} .landing-headline strong {font-size: 40px;} .sat-landing-right .ajax-loader {display:none;} .sat-landing-right .landingbutton {color: #fff;background:#004d00; border-radius: 8px;font: bold 29px/43px "PT Sans Narrow",Arial,sans-serif;width: 98%;padding: 5px 0 8px 10px;box-shadow: 2px 2px 2px #ccc;margin:10px auto;text-align:left} .sat-landing-right .landingbutton:hover {box-shadow:inset 2px 2px 2px #666;} .sat-landing-right .landingbutton a {text-decoration:none;color: #fff;} .sat-landing-right .landingbutton img {vertical-align:text-top; float:left} /* General Landing Page */ .landing-box {margin: 15px 0 5px;background:#004d00;font-size:26px; color:#fff;overflow:hidden;font-family: "Open Sans";padding: 0 0 0 20px;width:75%; margin:0 auto} .landing-box p {margin:25px 0 12px;} .landing-box strong {} .landing-box span {color:#f3b505;font-size:60px; line-height: 64px;} .landingbutton {color: #005100;background:#fff; border-radius: 8px;font: bold 29px/43px "PT Sans Narrow",Arial,sans-serif;width: 315px;padding: 5px 0 8px 10px;box-shadow: 2px 2px 2px #000;} .landingbutton:hover {box-shadow:inset 2px 2px 2px #666;} .landingbutton a {text-decoration:none;} .landingbutton img {vertical-align:text-top;} .landing-form {padding: 1px 10px;margin-bottom:20px;width:75%; margin:0 auto; height:70px} .landing-form p {margin:10px 0 -10px;} .landing-form input[type="text"] {background: #fff;border: 1px solid #000; border-radius: 5px; font-size: 14px; height: 45px; margin: 0 3px; padding: 10px; width: 208px;} .landing-form input[type="submit"] {background: #f3b505 url("images/arrow-hollow-wh.png") no-repeat scroll left 5px center / 13% auto; border: 0 none;border-radius: 5px;color: #333;display: inline; font: 20px/36px "PT Sans",Arial,sans-serif; height: 45px; padding: 0; width: 30%;margin: 0 3px; } .landing-form input[type="submit"]:hover{box-shadow:inset 2px 2px 2px #997204;} .rightFloat {float:right;} .landing-form span.wpcf7-not-valid-tip { color: #fff;} .landing-form div.wpcf7-response-output {color: #fff;} /*------------------------------------------------------------------ [Print Styles] -------------------------------------------------------------------*/ @media print { #sidebar, #footer-callout-wrap, #footer, #footer-bottom, #top-bar-wrap, #site-navigation-wrap, .toggle-bar-btn, .post-pagination, .related.products, .product form.cart { display: none } .container { width: 100%; padding: 0; } .wpb_accordion_content, .wpb_toggle_content { display: block !important } } /*------------------------------------------------------------------ [Responsive] -------------------------------------------------------------------*/ @media screen and (max-width: 1366px) { .icon { margin: 0px 3% 0 10%;} .program-header {font-size: 1.5em;} .landing-box, .landing-form { width: 80%;} } @media screen and (max-width: 1280px) { #site-header-inner {padding-bottom: 5px;} #site-logo {width: 70%;} .icon { margin: 0px 3% 1% 5%;} .icon img {max-width:60px;} .cta-text strong {font-size: 1.5em;} .cta-text {font-size:1.0em;line-height: 1.5;} .ac-small { width: 27%;} .site-footer .third {width:30%} #footer-widgets .col-1 {width:60%} #footer-widgets .col-2 {width:40%} #footer-widgets .col-2 .quarter {width:35%} .program-header {font-size: 1.35em;} .home-callouts {font-size: .9em;} .landing-box, .landing-form { width: 85%;} .tutors_list .box {padding: 15px;} .tutors_list .box .photo {width:18%;height: 150px;} .tutors_list .box .info-section {width:80%;} .tutors_list .box .info-section h3 {margin-top:0;} #footer-callout, #footer-callout .theme-button {font-size: 1.125em;} .em-24px { font-size: 1.313em;} .article-list h4 {font-size: 1.0em;} } @media screen and (max-width: 1080px) { #site-navigation {width: 70%;} #site-navigation a { padding: 15px; font-size: 1.125em;} .sidebar-interior .ac-container label {font-size: 1.35em;} .border-right {padding-right: 15px !important;} .home-callouts .quarter {font-size: .875em;padding: .5%;} #home-upcoming-events, #home-recent-articles { display: block;float: none;width: 100%; margin-right: 0; border-right: none;text-align:center;overflow:hidden} .article-list h4 {height: 35px;} .program-header {font-size: 1.25em;} #home-upcoming-events h2, #home-recent-articles h2, .act h2, .sat h2, .other-prep h2 {font-size: 1.5em} h2 {font-size: 1.25em} h3 {font-size: 1.125em} .reasons-why .padding-20 {padding: 10px;} .min-350 {min-height: 300px;} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-858 { min-width: 90% !important;} .ubermenu .ubermenu-submenu-id-853{ min-width: 40% !important;} .landing-box, .landing-form { width: 100%;} .em-18px {font-size: 1.0em;} } @media screen and (max-width: 1024px) { body {font-size: 14px;} .padding-20 { padding: 10px;} .phone-num, .phone-num a {margin-top: 0px;font-size: 1.35em;} .tag {font-size: 1.15em;} #header-two-search-submit {margin-left: 0px;} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-858 { min-width: 85%;} #slide-wrap { margin-top: -52px;} .content-area ul, .content-area ol { margin: 0 0 20px 10px;} .landing-headline {font-size: 27px;} .sat-landing-left p img {max-width:25px} .sat-landing-right .landing-form {width: 95%;} .sat-landing-left .landing-headline {font-size: 25px;line-height: 40px;} .landing-box {font-size: 24px;} .landing-box span {font-size: 55px;} .landing-form input[type="text"] {width: 200px;} .min-250 {min-height:200px;} .products li {width:32%;min-height: 275px;} } @media screen and (max-width: 959px) { .header-aside, #header-two-search {margin-right: 15px;} .leftFloat, .rightFloat {float:none; text-align:center;margin:0;} #site-navigation { width: 100%;} #header-two-search { float: right;position: absolute; right: 10px;} .content-area {float: none;max-width: 100% !important;width: 100%;margin-bottom:2%} #sidebar, .sidebar-interior {width: 100%;margin-left: 0;float: none; display: block;} .sidebar-act, .sidebar-sat {padding: 2% 5%;width: 48%;margin: 5% 1%;float: left;} .sidebar-tutor {text-align:center;} .sidebar-interior .ac-container {max-width: 100%;} .sidebar-interior .ac-container input:checked ~ article.ac-small{max-width: 100%;} #footer-widgets .col-2 .quarter { width: 45%;} .border-right { padding-right: 10px !important;} .program-header img {max-width: 35px;} .free-practice { font-size: 36px; line-height:46px} .landing-headline span {font-size: 48px; line-height: 55px;} .landing-box .rightFloat {float:right; } .landing-box .rightFloat img{max-width: 500px } .landing-box {font-size: 21px;} .landingbutton {width: 300px; padding: 5px 10px;font: bold 21px/22px "PT Sans Narrow",Arial,sans-serif;} .landingbutton img { max-width: 25px;} .landing-box p {margin: 20px 0 12px;} .landing-form input[type="submit"] { font: 18px/33px "PT Sans",Arial,sans-serif; width: 25%;} #footer-callout .theme-button {padding: 15px 10px;} } @media screen and (max-width: 860px) { body {font-size: 13px;} #slide-wrap { margin-top: -50px;} .icon {margin: 0px 3% 0 0%;} .cta-text {font-size: .875em;} .ac-container {width: 33.3%;} .ac-small { width: 30%;} .ac-container label {font-size: 1.5em;} .free-practice {font-size: 30px;line-height: 40px;} .site-footer .quarter strong, .site-footer .third strong {line-height: 21px;} .landing-box span { font-size: 40px;} .landing-box { font-size: 18px;line-height: 18px;} .landingbutton {width: 225px;} .landing-box p { margin: 10px 0px;} img[alt~="check-yellow"] {max-width: 20px;} .landing-form input[type="submit"] {font: 15px/33px "PT Sans",Arial,sans-serif;} .landing-form input[type="text"] {width: 180px;} .products li {min-height: 300px;} } @media screen and (max-width: 800px) { .container {width: 95%;} .home-callouts .act, .home-callouts .sat, .home-callouts .other-prep {width: 32.3%;border: 1px solid #ccc;margin: 0 .5%;min-height: 150px;padding: 10px;} .home-callouts .find-a-tutor {width:100%;margin: 1% 0;} #footer-callout-left { width: 70%;} #footer-callout-right { width: 30%; margin-left: 0} #footer-callout .theme-button {padding: 10px 5px;font-size: 1.0em;} ul.article-list li { width: 49%; margin-bottom: 1%;} #footer-widgets .col-2 .quarter {width: 50%;} a.red-arrow:after, a.green-arrow:after, a.blue-arrow:after {width: 10px;height: 10px; background-size: 75%;} .reasons-why .third { width: 100%; margin-left: 0; float: none;} .sat-landing-left, .sat-landing-right {width: 100%; margin: 0 auto; float:none;} .sat-landing-left img {max-width: 150px;} .free-practice {font-size: 24px;line-height: 26px; margin-top: 30px;} .landing-form input[type="text"] {width: 100%; float: left;margin: 1% auto;} .landing-form input[type="submit"] {width: 50%;} .landing-form {height:auto;padding: 5px 10px 20px;} .landing-box .rightFloat img { max-width: 475px;} .act a, .sat a {font-size: 1.125em;} } @media screen and (max-width: 768px) { .ac-container label {font-size: 1.5em;} .program-header img {max-width: 30px;} .product .entry-title, .woocommerce-checkout h3 {font-size: 1.5em;} #footer-widgets .col-1 { display: none;} #footer-widgets .border-left {border-left:none} #footer-widgets .col-2 { width: 100%;} .act h2, .sat h2, .other-prep h2 {font-size: 1.75em;} .home-callouts p { font-size: 1.25em;} .find-a-tutor .blue-text {font-size: 1.25em; line-height: 1;} .find-a-tutor .theme-button.blue { font-size: 1.5em;} .find-a-tutor span { font-size: 1.5em;} #footer-callout-left { width: 100%; text-align: center;} #footer-callout-right { width: 100%; margin-left: 0;} } @media screen and (max-width: 667px) { .ac-container label {font-size: 1.125em; padding: 10px;} .ac-container {width: 55%;} ul.article-list li {min-height: 400px;} .header-aside, #header-two-search {margin-right: 0;} #home-upcoming-events ul.article-list li, #home-recent-articles ul.article-list li {width: 49%;min-height: 450px;padding: 5px;} .article-list h4 {font-size: 1.0em;} .box-wrapper .third { width: 100%; margin-left: 0; float: none; margin: 3% 0;} #class-callout-right .theme-button {font-size: 1.25em;} #class-callout-right .theme-button img {max-width: 40px;} .landing-box .rightFloat img { max-width: 375px;} .landing-box span {font-size: 40px; line-height: 45px;} .home-callouts p {font-size: 1.125em;} .products li {width: 48%;} } @media screen and (max-width: 600px) { #site-logo { width: 65%;} body { font-size: 12px;} .header-aside {margin-top: 0%;} .phone-num, .phone-num a { font-size: 1.125em;} .tag { font-size: 1.0em;} .ac-container { width: 65%;} #slide-wrap {margin-top: -48px;} #class-callout-left, #contact-callout-left { width: 100% !important;font-size: 1.5em;} #class-callout-right, #contact-callout-right { width: 100% !important;margin: 0;text-align: center;} #class-callout-right .theme-button { margin: 0 auto;width: 75%} #home-upcoming-events ul.article-list li, #home-recent-articles ul.article-list li {width: 100%;} .footer-cta-wrap {margin: 5% 0 .5%;} #footer-callout .theme-button {padding:10px} #footer-callout-wrap {padding: 20px 0 10px;} .sat-landing-left img { max-width: 125px;} .landing-box .rightFloat img { display: none;} .landing-box p { text-align: center;} .landingbutton {width: 250px;margin: 2% auto 4%;} .ls-nav-prev, .ls-nav-next {display:none;} } @media screen and (max-width: 500px) { #site-header .container {width:100%;} #site-logo {width: 96%;text-align: center; margin:0 2%} .header-aside { margin-top: 1%; width: 100%; text-align: center;} .menu-top-nav-container {float: none; margin: 0 auto; width: 35%;} .ac-container {width: 100%;float: none; max-width: 100%;} .ac-container label {font-size: 1.25em;padding: 8px;} .ac-small { width: 95%;} .ac-container input:checked ~ article.ac-small {z-index: 99999;} .home-callouts .act, .home-callouts .sat, .home-callouts .other-prep {width:100%; margin: 1% 0; min-height: 100px; padding: 5px;} .home-callouts h2 { margin: 0 0 0px !important;} .home-callouts p { margin: 0 0 5px !important;} .home-callouts .half { width: 49%; float: left;} .border-right {border-right: none; padding-right: 0px !important;} ul.article-list li { width: 100%;margin-bottom: 1%;padding: 0 2%; text-align: center;} .half, .one-half, .twothird {float:none; width:100%} .third {width:100%; float:none;} .article-list h4 {margin: 2% 0; font-size: 1em;} .article-list h4 {padding: 7px 0;} .header-title {font-size: 1.5em;} .content-area img.alignright {max-width:25%;max-width: 100px;} .tutors_list .box .photo { width: 50%; height: auto; text-align: center;display: block; margin: 10px 0;} .tutors_list .box .info-section {padding: 0 0% 0 1%;} .tutors_list .box dt { float: none;line-height: 1.25; margin: 4px 0px 0;} .halfr {float: none; margin-right: 0%; text-align: left; width: 100%;} .halfc { float: none; margin-right: 0%; text-align: left; width: 100%;} .halfc h4 {margin:10px 0 5px; } .half ul {margin-bottom:0;} .faq ul li i:before, .faq ul li i:after {width: 2px; height: 6px;} .product .images {margin-right: 15px; max-width: 125px;} .variations select, .quantity input {max-width: 95%;} .variations td {display:block} .landing-headline span { font-size: 40px; line-height: 40px;} .min-300 {min-height:100px;} .reg-form {width: 100%;} } @media screen and (max-width: 425px) { .menu-top-nav-container { width: 40%;} } @media screen and (max-width: 400px) { .menu-top-nav-container {width: 45%;} #header-two-search input {width: 175px;} .header-title {font-size: 1.25em;} .blogIntro {font-size: 1.125em;line-height: 24px} img[title="female-student"] {display:none;} .gform_wrapper .gfield ul.col2 { -moz-column-count: 1;-webkit-column-count: 1;column-count: 1;} .tutors_list .box .info-section .col {width: 100%;} .tutors_list .box ul.tutor_programs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;} .products li { width: 100%;} .home-callouts .act, .home-callouts .sat, .home-callouts .other-prep {min-height: 85px;} } @media screen and (max-width: 320px) { .menu-top-nav-container {width: 55%;} #header-two-search input { width: 160px;} .woocommerce-breadcrumb {width: 100%;display: block;clear: both;} }