/* @import url('http://example.com/example_style.css'); */
/**
* CSS @imports must be at the top of the file.
* Add them above this section.
font-family: "azo-sans-web",sans-serif; font-weight:400, 700;
font-family: "industry-inc-base",sans-serif; font-weight:700;
font-family: "felt-tip-roman",sans-serif; font-weight:400;
*/
@import "compass/css3";
@font-face {
font-family:'press_start_kregular';
src: url('//cdn2.hubspot.net/hubfs/365438/Fonts/prstartk-webfont.eot');
src: url('//cdn2.hubspot.net/hubfs/365438/Fonts/prstartk-webfont.eot?#iefix') format('embedded-opentype'),
url('//cdn2.hubspot.net/hubfs/365438/Fonts/prstartk-webfont.woff2') format('woff2'),
url('//cdn2.hubspot.net/hubfs/365438/Fonts/prstartk-webfont.woff') format('woff'),
url('//cdn2.hubspot.net/hubfs/365438/Fonts/prstartk-webfont.ttf') format('truetype'),
url('//cdn2.hubspot.net/hubfs/365438/Fonts/prstartk-webfont.svg#press_start_kregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'modern_pictograms_proregular';
src: url('//www.medschooltutors.com/hubfs/Fonts/modernpictogramspro_2.34-webfont.eot');
src: url('//www.medschooltutors.com/hubfs/Fonts/modernpictogramspro_2.34-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.medschooltutors.com/hubfs/Fonts/modernpictogramspro_2.34-webfont.woff') format('woff'),
url('//www.medschooltutors.com/hubfs/Fonts/modernpictogramspro_2.34-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'socialicoregular';
src: url('//www.medschooltutors.com/hubfs/Fonts/socialico-webfont.eot');
src: url('//www.medschooltutors.com/hubfs/Fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.medschooltutors.com/hubfs/Fonts/socialico-webfont.woff') format('woff'),
url('//www.medschooltutors.com/hubfs/Fonts/socialico-webfont.ttf') format('truetype'),
url('//www.medschooltutors.com/hubfs/Fonts/socialico-webfont.svg#socialicoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PixelOperator8';
src: url('//www.medschooltutors.com/hubfs/Fonts/PixelOperator8.ttf');
}
.bit-button { font-family: 'PixelOperator8'; }
.pictograms{ font-family: 'modern_pictograms_proregular';}
.socialico{ font-family: 'socialicoregular';}
/* ==========================================================================
HS COS Boilerplate v1.1.12
========================================================================== */
/* This responsive framework is required for all styles. */
/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
/* Images */
img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: bottom; /* Suppress the space beneath the baseline */
}
/* Videos */
video {
max-width: 100%;
height: auto;
}
/* Date Picker */
#calroot {
width: 202px !important;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
position: relative;
height: 0;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
height: auto;
overflow: visible;
padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
position: static;
width: auto;
height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
width: 100%;
max-width: 100%;
}
@media (max-width: 568px) {
iframe {
max-width: 100%;
}
}
/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* System Template Forms */
#email-prefs-form .email-edit {
width: 100% !important;
max-width: 507px !important;
}
#hs-pwd-widget-password {
height: auto !important;
}
/* Menus */
.hs-menu-wrapper ul {
padding: 0;
}
/* Horizontal Menu */
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
padding: 10px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
display: block;
white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 100%;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: inline-block;
}
/* Veritical Menu */
.hs-menu-wrapper.hs-menu-flow-vertical {
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
position: relative;
}
/* Show Nested Children */
.hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children > ul > li { display: none; }
.hs-menu-wrapper.hs-menu-flow-vertical li.active-branch > ul > li { display: block; }
.hs-menu-wrapper.hs-menu-flow-vertical li ul { padding-left: 1em; }
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
max-width: 100%;
overflow: hidden;
}
@media (max-width: 767px) {
.hs-menu-wrapper, .hs-menu-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: block;
}
/* Stacking Horizontal Nav for Mobile */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: visible !important;
opacity: 1 !important;
position: static !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
white-space: normal;
}
}
.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
visibility: visible;
opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
}
/* Space Module */
.widget-type-space {
visibility: hidden;
}
/* Blog Author Section */
.hs-author-social-links {
display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
width: 24px;
height: 24px;
border-width: 0px;
border: 0px;
line-height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
display: inline-block;
text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
display: block;
overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
margin: 0px;
padding: 0px;
list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
.hs_cos_flex-slider .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
padding: 0px 5% 0px 5%;
width: 100%;
top: 40%;
text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
color: white;
font-size: 3em;
line-height: 1.1em;
position: absolute;
padding: 0px 5% 0px 5%;
width: 90%;
top: 40%;
text-align: center;
background-color: transparent;
}
@media all and (max-width: 400px) {
.hs_cos_flex-slider .superimpose .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
width: 90%;
padding: 0px 5% 0px 5%;
top: 40%;
text-align: center;
}
}
.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
display: inline-block;
margin: 0px;
padding: 0px;
margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
max-height: 150px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* responsive pre elements */
pre {
overflow-x: auto;
}
/* responsive pre tables */
table pre {
white-space: pre-wrap;
}
/* adding minimal spacing for blog comments */
.comment {
margin: 10px 0 10px 0;
}
/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
word-wrap: break-word;
}
a {
color: #91C9D2;
}
/* These includes are optional, but helpful. */
/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
/* Support migrations from wordpress */
.wp-float-left {
float: left;
margin: 0 20px 20px 0;
}
.wp-float-right {
float: right;
margin: 0 0 20px 20px;
}
/* Responsive Google Maps */
#map_canvas img, .google-maps img {
max-width: none;
}
/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/* ==========================================================================
Index:
- Variables
- Macros
- Base
- Typography
- Structure
- Header
- Custom Menu Primary
- Mobile Menu
- Content
- Blog
- Forms
- Buttons
- Footer
- Mobile
- Custom Styles
========================================================================== */
/* ==========================================================================
Variables
========================================================================== */
/**
* Find the most consistently used font styles, colors, and container widths
* for your site and assign them to the jinja variables below for easy use
* and reference.
*
* Apply the variable as shown below. Ignore the jingja comment tags.
*
*
*/
/* Colors */
/* */
/* */
/* */
/* */
/* */
/* */
/* Typography */
/* */
/* */
/* */
/* */
/* Containers */
/* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */
/* ==========================================================================
Macros
========================================================================== */
/**
* Create jinja macros for CSS3 properties that need browser prefixes.
*
* Apply the style as shown below. Ignore the jinja comment tags.
*
*
*/
/**
* Example of how to apply the above macro (ignore the jinja comment tags):
*
* a {
* color: red;
* font-size: 12px;
*
* }
*/
/* ==========================================================================
Base
========================================================================== */
/*Added by HS support NG*/
a[href="https://www.medschooltutors.com/blog/the-most-detailed-usmle-step-1-study-schedule-sample-youll-find-online"]:hover{
color: #fff;
}
a[href="https://www.medschooltutors.com/blog/five-biggest-mistakes-students-make-with-usmle-world"]:hover{
color: #fff;
}
/**
* Box Sizing
*
* Applies a natural box layout model to all elements so that width and padding
* are essentially combined, making responsive styles easier to manage.
*/
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* Custom fonts */
/* ex. @font-face {}; */
/* all @import calls need to be done at the top on line 1 */
/* Fonts - Lato */
@font-face { font-family:LatoBlack; src:url("//cdn2.hubspot.net/hub/365438/file-617273317-eot/Fonts/lato-bla-webfont.eot"); }
@font-face { font-family:LatoBlack; src:url("//cdn2.hubspot.net/hub/365438/file-618683950-woff/Fonts/lato-bla-webfont.woff") format("woff"); }
@font-face { font-family:LatoBlackItalic; src:url("//cdn2.hubspot.net/hub/365438/file-616219766-eot/Fonts/lato-blaita-webfont.eot"); }
@font-face { font-family:LatoBlackItalic; src:url("//cdn2.hubspot.net/hub/365438/file-614035498-woff/Fonts/lato-blaita-webfont.woff") format("woff"); }
@font-face { font-family:LatoBold; src:url("//cdn2.hubspot.net/hub/365438/file-616325521-eot/Fonts/lato-bol-webfont.eot"); }
@font-face { font-family:LatoBold; src:url("//cdn2.hubspot.net/hub/365438/file-614031603-woff/Fonts/lato-bol-webfont.woff") format("woff"); }
@font-face { font-family:LatoBoldItalic; src:url("//cdn2.hubspot.net/hub/365438/file-616119741-eot/Fonts/lato-bolita-webfont.eot"); }
@font-face { font-family:LatoBoldItalic; src:url("//cdn2.hubspot.net/hub/365438/file-616282996-woff/Fonts/lato-bolita-webfont.woff") format("woff"); }
@font-face { font-family:Lato; src:url("//cdn2.hubspot.net/hub/365438/file-614048753-eot/Fonts/lato-reg-webfont.eot"); }
@font-face { font-family:Lato; src:url("//cdn2.hubspot.net/hub/365438/file-614031553-woff/Fonts/lato-reg-webfont.woff") format("woff"); }
@font-face { font-family:LatoItalic; src:url("//cdn2.hubspot.net/hub/365438/file-618688445-eot/Fonts/lato-regita-webfont.eot"); }
@font-face { font-family:LatoItalic; src:url("//cdn2.hubspot.net/hub/365438/file-618688460-woff/Fonts/lato-regita-webfont.woff") format("woff"); }
@font-face { font-family:LatoLight; src:url("//cdn2.hubspot.net/hub/365438/file-617292212-eot/Fonts/lato-lig-webfont.eot"); }
@font-face { font-family:LatoLight; src:url("//cdn2.hubspot.net/hub/365438/file-614031588-woff/Fonts/lato-lig-webfont.woff") format("woff"); }
@font-face { font-family:LatoLightItalic; src:url("//cdn2.hubspot.net/hub/365438/file-609362559-eot/Fonts/lato-ligita-webfont.eot"); }
@font-face { font-family:LatoLightItalic; src:url("//cdn2.hubspot.net/hub/365438/file-609362574-woff/Fonts/lato-ligita-webfont.woff") format("woff"); }
@font-face { font-family:LatoHairline; src:url("//cdn2.hubspot.net/hub/365438/file-618683910-eot/Fonts/lato-hai-webfont.eot"); }
@font-face { font-family:LatoHairline; src:url("//cdn2.hubspot.net/hub/365438/file-609276034-woff/Fonts/lato-hai-webfont.woff") format("woff"); }
@font-face { font-family:LatoHairlineItalic; src:url("//cdn2.hubspot.net/hub/365438/file-616315601-eot/Fonts/lato-haiita-webfont.eot"); }
@font-face { font-family:LatoHairlineItalic; src:url("//cdn2.hubspot.net/hub/365438/file-616286461-woff/Fonts/lato-haiita-webfont.woff") format("woff"); }
/* Fonts - exo */
@font-face { font-family:Exo; src:url("//cdn2.hubspot.net/hub/365438/file-616286466-eot/Fonts/exo-regular-webfont.eot"); }
@font-face { font-family:Exo; src:url("//cdn2.hubspot.net/hub/365438/file-613976718-woff/Fonts/exo-regular-webfont.woff") format("woff"); }
@font-face { font-family:ExoLight; src:url("//cdn2.hubspot.net/hub/365438/file-618625875-eot/Fonts/exo-light-webfont.eot"); }
@font-face { font-family:ExoLight; src:url("//cdn2.hubspot.net/hub/365438/file-616330436-woff/Fonts/exo-light-webfont.woff") format("woff"); }
@font-face { font-family:ExoThin; src:url("//cdn2.hubspot.net/hub/365438/file-618683965-eot/Fonts/exo-thin-webfont.eot"); }
@font-face { font-family:ExoThin; src:url("//cdn2.hubspot.net/hub/365438/file-616283031-woff/Fonts/exo-thin-webfont.woff") format("woff"); }
html, body {
min-height: 100%;
margin: 0;
padding: 0;
}
/* Website background color and default font styles can go here */
body {
background: #fff;
color: #494E55;
font-family: 'azo-sans-web','Lato',Arial,Helvetica,sans-serif;
font-size: 10px;
line-height: 13px;
}
/**
* Page Center
*
* Apply this class to full-width modules.
*/
.page-center {
float: none !important;
max-width: 1024px !important;
margin: 0 auto !important;
}
a { color: #cccccc;text-decoration:none; }
a:hover, a:focus { color: #494e55;text-decoration:none; }
a:active{ color:#cccccc; text-decoration:none; }
/* Highlighted Text */
::-moz-selection {
color: #fff;
background: #494E55;
text-shadow: none;
}
::selection {
color: #fff;
background: #494E55;
text-shadow: none;
}
/* ==========================================================================
Typography
========================================================================== */
/* Basic text */
p {font-size:1.6em; line-height:1.0em; color:#63676b}
small {}
strong {}
em {}
cite {}
sup, sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Headings */
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 { font-size:30px; line-height:1.0em; font-family:"LatoBlack", "Arial", sans-serif; font-weight:normal; }
h2 { font-size:26px; line-height:1.0em; font-family:"LatoBlack", "Arial", sans-serif; font-weight:normal; }
h3 { font-size:15px; line-height:1.0em; }
h4 { font-size:15px; line-height:1.0em; }
h5 { font-size:15px; line-height:1.0em; }
h6 { font-size:15px; line-height:1.0em; }
/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
ul, ul li { list-style:none; color:#63676b;padding: 0;}
li {}
ul.unstyled, ol.unstyled {
list-style: none;
margin: 0;
padding: 0;
}
ul.inline, ol.inline {}
ul.inline > li, ol.inline > li {}
/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}
q:before, q:after, blockquote:before, blockquote:after {}
/* ==========================================================================
Structure
========================================================================== */
/* The outer wrappers of your website */
.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper {}
/* The inner wrappers of your website */
.header-container,
.body-container,
.footer-container {}
/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }
/* ==========================================================================
Header
========================================================================== */
.custom_top-back {
background: url("//cdn2.hubspot.net/hub/365438/file-588885715-jpg/layout/bg-top-bar.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
margin-top: 0px !important;
} /*Added to remove white bar at top of page by hs support 1/12/16*/
.header-container-wrapper {}
.header-container {}
.header-container-wrapper .inner-header {
background: url(//cdn2.hubspot.net/hub/365438/file-619906849-png/images/triangle-gray.png) #494E55 no-repeat -30px;
}
/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}
/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* Set ul background color */
/* Set li background Color */
/* Set link Color */
/* Set link Hover Color */
/* Parent List */
.custom-menu-primary .cell-wrapper {
padding-top: 40px;
margin-right: 30px;
margin-left: -35px;
float: right;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper {}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul {}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li {
background: url(//cdn2.hubspot.net/hub/365438/file-583692058-png/layout/slash-menu.png) no-repeat scroll 10px 9px rgba(0, 0, 0, 0);
padding-left: 29px;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li:first-child {
background: none;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch {
background: url(//cdn2.hubspot.net/hub/365438/file-594173391-png/layout/btn-menu.png) no-repeat scroll left top transparent;
margin-right: 3px;
position: relative;
z-index: 3;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch:last-child {
margin-right: 34px;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch > a {
background: url(//cdn2.hubspot.net/hub/365438/file-594173391-png/layout/btn-menu.png) no-repeat scroll right top transparent;
font-weight: bold;
color: white;
margin-right: -35px;
padding-right: 39px;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li > a {
display: block;
font-size: 11px;
line-height: 30px;
text-transform: uppercase;
padding: 0 0px; /*0px change from 4px to make menu appear on 1 line by hs support 1/12/16*/
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li > a:hover {
color: #ED3324;
}
/* Child List */
.custom-menu-primary ul ul{}
.custom-menu-primary ul ul li{
background: ;
}
.custom-menu-primary ul ul li a{}
.custom-menu-primary ul ul li a:hover{}
/* Grandchild List */
.custom-menu-primary ul ul ul{}
.custom-menu-primary ul ul ul li{
background: ;
}
.custom-menu-primary ul ul ul li a{}
.custom-menu-primary ul ul ul li a:hover{}
/* Anchors */
.custom-menu-primary a {
color: #CCCCCC;
}
.custom-menu-primary a:hover {
color: #ED3324;
}
/* Drop down */
.custom-menu-primary ul {}
/* Override max width on menu links */
.custom-menu-primary > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
overflow: visible !important;
max-width: none !important;
width: auto!important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none !important;
}
/* header
----------------------------------------------------- */
.post-header{ min-height:54px; padding:20px 0; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
.post-header .page-center{ min-height:54px; position:relative;}
.tutors-blog .post-header .page-center{ max-width:1490px!important;}
.post-header .site-logo a{ display:block; width:165px; height:55px; background:url(//www.medschooltutors.com/hubfs/Med-School-Tutors/mst-logo.png) 0 0 no-repeat;}
.post-header .site-logo a img{ display:none;}
.m-nav, .red-burger{ display:none;}
.h-search{ text-align:right;}
.h-search label.t-search-lbl{ display:inline-block; vertical-align:top; width:42px; height:42px; font-size:0; background:#ed3426 url(//www.medschooltutors.com/hubfs/Med-School-Tutors/search-icon.png) center center no-repeat; cursor:pointer; position:relative; top:5.5px; z-index:1; }
.h-search label.t-search-lbl:hover{ opacity:0.9;}
#___gcse_0{ display:none; max-width:350px; width:100%; position:absolute; top:6px; right: 2px;}
.h-search .gsc-input-box{ height:42px;}
.h-search .gsc-search-box-tools .gsc-search-box input.gsc-input{ background:none!important; padding:0 12px!important; height:32px!important; font-family: "azo-sans-web",sans-serif; font-weight:400; font-size:16px;}
.h-search input.gsc-search-button,
.h-search input.gsc-search-button:hover,
.h-search input.gsc-search-button:focus{ display:inline-block; width:41px; height:41px!important; font-size:0; background-color:transparent; border:none; background-image:none; cursor:pointer;
padding:20px; margin:0!important; vertical-align:top; box-sizing:border-box; position:relative; z-index:2; }
.h-search .gsc-search-box-tools .gsc-search-box td.gsc-input{ padding:0!important;}
.site-logo {
padding-left: 10px;
}
.mst-nav{ text-align:right;}
.mst-nav .hs_cos_wrapper_type_menu{ position:relative; left:5%;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul{ padding:10px 0; margin:0 -12px; position:relative;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li{ font-size:15px; line-height:1.3em; text-transform:uppercase; cursor: pointer;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ display:block; color:#2b2b2b; padding:10px 12px;cursor: pointer !important; }
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover{ color:#086975;cursor: pointer; }
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
background-color: white !important;
text-align: left !important;
margin-top: 0;
padding:0 10px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {color: red;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{ color:red; cursor:default;}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can
* use this for custom styling on any element when the menu is in the open position.
*/
/** Tablet
-------------------------------------------------------*/
@media screen and (max-width: 1024px) {
h1{ font-size:48px;}
/* header
----------------------------------------------------- */
.post-header .site-logo{ padding-left:10px; }
.h-search{ text-align:right;}
.h-search label.t-search-lbl{ display:none; }
#___gcse_0{ display:none;}
}
@media (min-width: 768px){
a.mobile-trigger, a.child-trigger {
display: none !important; /* Hide button on Desktop */
}
}
/** Mobile
---------------------------------------------------------*/
@media screen and (max-width: 768px) {
/* header
----------------------------------------------------- */
.post-header{}
.post-header .site-logo{ padding-left:10px; }
.m-nav{ display:block; width:32px; height:32px; position:absolute; top:12px; right:24px; cursor:pointer; }
.m-nav span, .m-nav span:before, .m-nav span:after{ display:block; width:32px; height:4px; background-color:#5C5C5C; border-radius:3px;}
.m-nav:hover .m-nav span, .m-nav:hover .m-nav span:before, .m-nav:hover .m-nav span:after{ background-color:#000;}
.m-nav span:before, .m-nav span:after{ content:""; position:absolute; left:0;}
.m-nav span:before{ top:12px;}
.m-nav span:after{ top:24px;}
.h-search{ text-align:right;}
.h-search label.t-search-lbl{ display:none; }
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {text-align: center; text-transform: uppercase;}
#___gcse_0{ display:none; position:relative; top:inherit; right:inherit; padding:30px 10px 10px; box-sizing:border-box; margin:0 auto;}
.h-search .gsc-input-box{ height:42px;}
.h-search .gsc-search-box-tools .gsc-search-box input.gsc-input{ background-position:-85px center!important; padding:0 12px!important; height:32px!important; font-family: "azo-sans-web",sans-serif; font-weight:400; font-size:16px;}
.h-search input.gsc-search-button,
.h-search input.gsc-search-button:hover,
.h-search input.gsc-search-button:focus{ display:inline-block; width:42px; height:42px!important; font-size:0; background:#ed3426 url(//www.medschooltutors.com/hubfs/Med-School-Tutors/search-icon.png) center center no-repeat; cursor:pointer;
padding:20px; margin:0!important; vertical-align:top; box-sizing:border-box; position:relative; z-index:2; }
.mst-nav{ text-align:center; margin:20px 0 0;}
.row-fluid .mst-nav{ display:none;}
.mst-nav .hs_cos_wrapper_type_menu{ left:0;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul{ padding:0; margin:0; border-top:1px solid #f1f1f1; width: 100%;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li{ border-bottom:1px solid #f1f1f1; background-color: #fcfcfc; cursor: pointer; width: 100%;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ display:block; color:#2b2b2b; padding:12px; background-color:#fcfcfc; margin: 0 auto;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover{ color:#086975; background-color:#f1f1f1;}
.mst-nav .hs-menu-children-wrapper{ display: none;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ display:none;}
.mst-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children a{ display:inline-block; width:auto;}
.mst-nav .hs-item-has-children:before { content: "▼"; position: absolute; top: 12px; left:50%; font-size: 10px; z-index: 5; margin-left: 50px;}
}
@media (max-width: 767px){
/* Variables
========================================================================== */
/* Set Mobile Menu Background Color */
/* Set Link Color */
/* Set Link Hover Color */
/* Menu Reset - Remove styling from desktop version of custom-menu-primary */
/* Place any additional CSS you want removed from the mobile menu in this reset */
.custom-menu-primary, .custom-menu-primary *{
display: block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color: #ffffff;
}
/* Toggle Button
========================================================================== */
a.mobile-trigger {
display: inline-block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute; /*******************************************/
top: 0px; /* Position Button at top right of screen */
right: 10px; /*******************************************/
width: auto; /* Button width */
height: auto; /* Button height */
padding: 12px 10px;
background: #494E55; /* Background color */
z-index: 99999999999; /* Z-index to keep button on top of other layers */
-webkit-transition: background-color 0.2s linear; /* Button color transition effect */
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-transition:color .2s ease-in;
-moz-transition:color .2s ease-in;
transition:color .2s ease-in;
}
a.mobile-trigger:hover {
text-decoration: none; /* Removes link text underline on button */
color: #ffffff;
}
a.mobile-trigger span{
display: inline;
}
a.mobile-trigger span:before{
position: absolute;
content: 'Menu'; /* Change the text on the closed toggle button */
}
a.mobile-trigger span:after{
position: relative;
right: 2px;
content: 'Close'; /* Change the text on the open toggle button */
background-color: #494E55;
opacity: 0;
transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
}
/* Change button when menu is open */
.mobile-open a.mobile-trigger{
-webkit-transition:background-color 0.2s linear; /* Button color transition effect */
-moz-transition:background-color 0.2s linear; /* Button color transition effect */
transition:background-color 0.2s linear; /* Button color transition effect */
background: transparent; /* Changes button background to be slightly darker than open menu color */
}
.mobile-open a.mobile-trigger span:after{
opacity: 1;
}
/* Toggle Button Icon & Animations
========================================================================== */
a.mobile-trigger i {
display: inline;
position: relative;
top: -5px;
margin-left: 5px;
-webkit-transition-duration: 0s;
-webkit-transition-delay: .2s;
-moz-transition-duration: 0s;
-moz-transition-delay: .2s;
transition-duration: 0s;
transition-delay: .2s;
}
a.mobile-trigger i:before, a.mobile-trigger i:after {
position: absolute;
content: '';
}
a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after {
width: 15px; /* Icon line width */
height: 2px; /* Icon line height */
background-color: #ffffff; /* Icon color */
display: inline-block;
}
a.mobile-trigger i:before {
margin-top: -6px; /* Position top line */
-webkit-transition-property: margin, -webkit-transform;
-webkit-transition-duration: .2s;
-webkit-transition-delay: .2s, 0;
}
a.mobile-trigger i:after {
margin-top: 6px; /* Position bottom line */
-webkit-transition-property: margin, -webkit-transform;
-webkit-transition-duration: .2s;
-webkit-transition-delay: .2s, 0;
}
.mobile-open a.mobile-trigger i {
background-color: rgba(0,0,0,0.0);
-webkit-transition-delay: .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-open a.mobile-trigger i:before {
margin-top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0, .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-open a.mobile-trigger i:after {
margin-top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: 0, .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
/* Child Toggle Button
========================================================================== */
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none !important;
}
a.child-trigger {
display: block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 55px !important; /* Button width */
min-width: 55px !important;
height: 45px !important; /* Button height */
padding: 0 !important;
border-left: 1px dotted rgba(255, 255, 255, .20);
}
a.child-trigger:hover {
text-decoration: none;
}
/* Child Toggle Button Icon & Animations
========================================================================== */
a.child-trigger span {
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 auto !important;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
}
a.child-trigger span:after {
position: absolute;
content: '';
}
a.child-trigger span, a.child-trigger span:after {
width: 10px; /* Icon line width */
height: 1px; /* Icon line height */
background-color: #ffffff; /* Icon color */
display: block;
}
a.child-trigger span:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
}
a.child-trigger.child-open span:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
}
a.child-trigger.child-open span {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
}
/* Menu Styles on Mobile Devices
========================================================================== */
/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}
/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper {
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
position: absolute; /**************************************************************/
top: 0; /* Positions the menu to drop from the very top of the screen */
left: 0px; /**************************************************************/
width: 100%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
}
.custom-menu-primary .hs-menu-flow-horizontal{
padding: 40px 0 0 0; /* Padding to add room for close button */
background-color: #494E55; /* Menu background color set off global mobile-menuColor variable */
width: 100%; /* Full screen width */
z-index: 8888;
}
/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-flow-horizontal > ul > li{
position: relative;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li {
padding: 0;
background: none;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch,
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch > a {
background: none;
}
.custom-menu-primary .hs-menu-flow-horizontal > ul > li a{
font-size: 22px; /* Font size of top level list items */
line-height: 45px;
overflow: visible;
}
/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-flow-horizontal ul li{
border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
}
.custom-menu-primary .hs-menu-flow-horizontal ul li a{
padding: 0 10px;
}
.custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{
color: #ffffff; /* link hover color set by global mobile-aColorHover variable */
}
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-flow-horizontal > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{
text-indent: 10px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{
text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/* ==========================================================================
Content
========================================================================== */
.body-container-wrapper {}
.body-container {}
.body-container-wrapper .page-center {padding: 50px 0;}
.body-container-wrapper .page-center h1,
.body-container-wrapper .page-center h2,
.body-container-wrapper .page-center h3,
.body-container-wrapper .page-center h3,
.body-container-wrapper .page-center h5,
.body-container-wrapper .page-center h6 {
line-height: normal;
}
.body-container-wrapper .page-center ul {font-size: 1.6em;line-height: 1em;}
/* ==========================================================================
Blog
========================================================================== */
/* Blake Edited Here For Twitter Widget */
iframe#twitter-widget-1 {
width: 100% !important;
}
iframe#twitter-widget-1 body {
width: 100% !important;
}
iframe#twitter-widget-2 {
width: 100% !important;
}
iframe.twitter-timeline body {
width: 100% !important;
}
iframe.twitter-timeline {
width: 100% !important;
}
/* Blog Post */
body.hs-blog-post {}
/* Blog Listing */
body.hs-blog-listing {}
/* Use this to style the main wrapper for the blog listing posts */
.blog-listing-wrapper {}
/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
/* Fix for paragraph sizing in blog posts and listing */
.post-body p {
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
}
/**
* Blog Commments
*
* Custom styles are listed below, as the COS does not provide default styles.
*/
#comments-listing {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
margin-top: 30px;
}
/*added by HubSpot support on 05/01/2014 to change the margin of the featured image*/
.hs-featured-image {
margin-top: 5px;
}
.comment {
margin: 10px 0;
border-top: 1px solid #ccc;
padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }
/* Pagination */
.blog-pagination {}
.blog-pagination .previous-posts-link {}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {}
a.previous-posts-link, a.all-posts-link {
padding-right: 20px;
}
.blog-pagination {
font-size: 16px;
}
/* Subscription frequency form */
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}
/**
* This is to override the default button styles.
*
* Must include !important for each overriding propety.
*/
.hs_blog_default_blog_subscription .hs-button {}
.slider-module-home {
/*background: url("//cdn2.hubspot.net/hub/365438/file-588908685-jpg/layout/top-back.jpg") no-repeat scroll -227px 0 rgba(0, 0, 0, 0);*/
background: -webkit-linear-gradient(left, #FFF 15%, #ECEAEB 85%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #FFF 15%, #ECEAEB 85%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #FFF 15%, #ECEAEB 85%); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #FFF 15%, #ECEAEB 85%); /* Standard syntax */
}
.blog-section ul,
.blog-section li {
list-style: disc;
font-size: inherit !important;
line-height: inherit !important;
}
.blog-section ul {
padding-left: 40px;
}
.hs-blog-social-share .hs-blog-social-share-list li {
list-style: none;
}
/* ==========================================================================
Forms
========================================================================== */
/* All Global Forms
========================================================================== */
/* Labels */
body label {}
body .hs-form-field > label {}
/* One Line Inputs */
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
textarea,
select {
min-height:15px;
padding:9px 0 9px 12px!important;
font-size:12px;
color:#494E55;
border:1px solid #a4a2a2;
margin-bottom:17px;
font-family:"Lato","Arial",sans-serif;
font-weight:normal;
letter-spacing:.5px;
line-height:1em;
}
body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus {}
/* Multiple Line Inputs */
body textarea {}
body textarea:focus {}
/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
/* Drop Downs */
body select {}
body select:focus {}
/* Required */
body input:focus:required:invalid,
body textarea:focus:required:invalid,
body select:focus:required:invalid {}
body input:focus:required:invalid:focus,
body textarea:focus:required:invalid:focus,
body select:focus:required:invalid:focus {}
/* Form Module
========================================================================== */
/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}
/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"],
.hs_cos_wrapper_type_form input[type="datetime"],
.hs_cos_wrapper_type_form input[type="datetime-local"],
.hs_cos_wrapper_type_form input[type="date"],
.hs_cos_wrapper_type_form input[type="month"],
.hs_cos_wrapper_type_form input[type="time"],
.hs_cos_wrapper_type_form input[type="week"],
.hs_cos_wrapper_type_form input[type="number"],
.hs_cos_wrapper_type_form input[type="email"],
.hs_cos_wrapper_type_form input[type="url"],
.hs_cos_wrapper_type_form input[type="search"],
.hs_cos_wrapper_type_form input[type="tel"],
.hs_cos_wrapper_type_form input[type="color"] {
width: 100%;
}
.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus,
.hs_cos_wrapper_type_form input[type="datetime"]:focus,
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus,
.hs_cos_wrapper_type_form input[type="date"]:focus,
.hs_cos_wrapper_type_form input[type="month"]:focus,
.hs_cos_wrapper_type_form input[type="time"]:focus,
.hs_cos_wrapper_type_form input[type="week"]:focus,
.hs_cos_wrapper_type_form input[type="number"]:focus,
.hs_cos_wrapper_type_form input[type="email"]:focus,
.hs_cos_wrapper_type_form input[type="url"]:focus,
.hs_cos_wrapper_type_form input[type="search"]:focus,
.hs_cos_wrapper_type_form input[type="tel"]:focus,
.hs_cos_wrapper_type_form input[type="color"]:focus {}
/* Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {
width: 100%;
}
.hs_cos_wrapper_type_form textarea:focus {}
/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}
/* Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}
/* Blog Comment Form
========================================================================== */
/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}
/* Inputs */
#comment-form input[type="text"] {
width: 100%;
}
#comment-form input[type="text"]:focus {}
#comment-form textarea {
width: 100%;
}
#comment-form textarea:focus {}
#comment-form input[type="checkbox"] {}
/* Error */
body .hs-common-error-message {}
/* Blog Subscription Form
========================================================================== */
/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}
/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {
width: 100%;
}
#hs_form_target_blog_subscription input[type="email"]:focus {}
#hs_form_target_blog_subscription input[type="radio"] {}
/* Google Search Form
========================================================================== */
/* Label */
.widget-type-google_search label {}
/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}
/* Multi Column Form
========================================================================== */
body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}
body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}
body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}
/* ==========================================================================
Buttons
========================================================================== */
/* All Global Buttons (Excluding CTAs)
========================================================================== */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
font-size:12px;
color:#ffffff;
padding:8px 30px!important;
min-height:35px;
border:1px solid #ed847b;
text-transform:uppercase;
background-color:#ed3324;
width:auto;
cursor:pointer;
text-decoration: none;
line-height: 20px!important;
}
/*body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
color:#ffffff;
border:1px solid #a5a5a5;
background-color:#a5a5a5;
}*/
body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
color:#949494;
border:1px solid #525252;
background-color:#525252;
}
/* Form Module Button
========================================================================== */
.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}
body .hs_cos_wrapper_type_form .actions {
position: relative;
display: inline-block;
}
.icon-block h3 {
Display: inline-block;
}
/* Commented out by HubSpot Support 5/2/2014
input {
-webkit-appearance: none;
}
End of HubSpot comment */
/*commented out by HubSPot Support to Remove the Red Pyramid */
/*
body .hs_cos_wrapper_type_form .actions:after {
content: "";
background: url(//cdn2.hubspot.net/hub/365438/file-620630396-png/layout/btn-red-arrow-1.png) no-repeat right 0;
height: 35px;
width: 20px;
position: absolute;
right: -16px;
top: 0;
}
*/
body .hs_cos_wrapper_type_form .hs-button.primary {
padding: 7px 15px 7px 15px!important;
margin: 0;
}
body .hs_cos_wrapper_type_form .actions:hover .hs-button.primary {
background: #EE432C;
border-color: #EE432C;
}
body .hs_cos_wrapper_type_form .actions:hover:after {
background-position: right bottom;
}
/* added by HubSpot Support 4-24-14 to add a red arrow */
/*
.actions{
position:relative;
display:inline-block;
}
body form .hs_submit input[type="submit"]{
padding: 7px 10px 7px 15px!important;
margin: 0;
}
form .actions:after{
content: "";
background: url(//cdn2.hubspot.net/hub/365438/file-620630396-png/layout/btn-red-arrow-1.png) no-repeat right 0;
height: 35px;
width: 20px;
position: absolute;
right: -16px;
top: 0;
}
*/
/*input[type="text"], input[type="email"], form textarea {
width:100%;
}*/
/*
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
padding: 6px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/
/* Blog Comment Button
========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}
/* Blog Subscription Button
========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}
/* Google Search Button
========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}
/* CTA Buttons
========================================================================== */
/**
* Override global CTA styles by wrapping the CTA module in a module group
* that has an ID, and use that ID to prefix your CTA selector. Example shown below.
*
* All overriding properties require !important tags.
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}
/* ==========================================================================
Footer
========================================================================== */
.footer-container-wrapper {}
.footer-container {
background: none repeat scroll 0 0 #494E55;
color: #A5A3A3;
}
.footer-container ul {
list-style: none outside none;
padding: 0;
}
.footer-container .page-center {
max-width: 871px!important;
padding: 28px 0 15px;
}
/* footer
----------------------------------------------------- */
/*.tutors-blog .footer-container{ background-color:#ffffff; color:#262b2d; padding:55px 0;}*/
.tutors-blog .footer-wrap{ background-color:#ffffff; color:#262b2d; padding:55px 0; overflow:hidden; border-top:1px solid #086975;}
.tutors-blog .footer-container .footer .page-center{ max-width:1420px!important; padding:0 15px;}
.tutors-blog .footer-container .widget-type-global_group.footer > div > div:last-child{ border:none;}
.tutors-blog .footer-container .widget-type-global_group.footer > div > div:last-child > div{ border:none;}
.tutors-blog .footer .footer-logo a:hover{ opacity:0.8;}
.subscribe-blog .form-title{ font-family:"azo-sans-web",sans-serif; color: #262b2d; font-size:15px; font-weight:700; margin-bottom:10px; text-transform: uppercase; }
.subscribe-blog .hs-form > div{ display:inline-block; vertical-align:top;}
.subscribe-blog .hs-form > div:first-child{ width:75%;}
.subscribe-blog .hs-form > div.hs_submit{ width:24%; padding-left:1%;}
.subscribe-blog .hs_email label,
.subscribe-blog .hs-error-msgs{ display:none;}
.subscribe-blog .hs_email .input{}
.subscribe-blog .hs-input,
body .subscribe-blog input[type="email"]{ border:2px solid #c6c6c6; background-color:transparent; padding:12px!important; box-sizing:border-box; height: 45px; width:100%; }
.subscribe-blog .hs-input.invalid{ border-color:#ff0000;}
body .subscribe-blog input[type="submit"] {
padding: 0 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: 'azo-sans-web',sans-serif;
font-weight: 300;
background: #ed3426;
border: 0;
text-transform: uppercase;
font-size: 14px;
color: #FFF;
border-radius: none;
height: 45px;
}
.subscribe-blog .hs_submit .hs-button:hover{ opacity:0.8;}
.site-footer .span6.widget-span.widget-type-cell {
margin: 0;
}
.phone-media{ text-align:right; margin:20px 0; line-height:32px;}
.phone-media .phone,
.phone-media .social-links{ display:inline-block; vertical-align:top;}
.phone-media .phone,
.phone-media .phone a{ font-size:15px; color:#262b2d;}
.phone-media .phone{ padding:8px 20px; text-transform:uppercase;}
.phone-media .social-links{ font-size:26px; border-left:1px solid #cccccc; margin:0 -12px 0 0; padding-left:10px;}
.phone-media .social-links a.social-link{ text-decoration: none; display:inline-block; vertical-align:top; width:auto; height:auto; padding:8px 12px; margin:0; background:none; float:none; color:#262b2d;}
.phone-media .social-links a:hover{ color:#086975;}
.footer-container .copyright{ border-top:1px solid #c6c6c6; padding-top:40px;}
.footer-container .copyright p{ font-size:13px; line-height:1.8em; color:#a2a2a2; padding-bottom:12px;}
.footer-container .copyright p a{ color:#a2a2a2; text-decoration:underline;}
.footer-container .copyright p a:hover{ text-decoration:none;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical >ul li li a {text-transform: none;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul{ position:relative; margin:0 -20px;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul li{ font-size:15px; font-weight:700; line-height:32px; float:left; clear:left;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{ color: #262b2d; padding: 0px 30px; text-transform: uppercase; }
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover{ color:#086975;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul > li:last-child{ clear:none; margin-top:-160px;}
.footer-nav{ margin-bottom:20px;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ max-width:400px; position:relative; left:inherit; top:inherit; padding:0; }
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul li li{ font-weight:400; display:inline-block; float:none;}
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul li li a{ width:198px; text-overflow:inherit; line-height: 1;}
.contact-content-sub input[type="email"] {
padding: 8px;
font-family: "azo-sans-web",sans-serif;
}
/* ==========================================================================
Mobile
========================================================================== */
/* Large Desktop
========================================================================== */
@media screen and (max-width: 1280px) {
.footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul > li:last-child{ margin-top:0;}
}
@media (min-width: 1200px) {}
@media (min-width: 1040px){
.slider-module-home .hs_cos_wrapper_type_image_slider {
min-height: 407px;
}
}
/* Portrait tablet to landscape and desktop
========================================================================== */
@media (min-width: 768px) {
body .tutor-bio-blog .bio-photo img {
margin-bottom: 400px !important;
}
.tutor-bio-blog .blog-listing-wrapper .post-listing .post-item {
padding: 30px 0 !important;
}
}
@media (max-width: 768px) {
/* footer
----------------------------------------------------- */
.footer .site-footer{ text-align:center;}
.footer .site-footer > .row-depth-1 .row-fluid > div.widget-span{ width:100%; margin:0;}
.footer .footer-logo a{ display:inline-block; margin-bottom:30px;}
.footer .footer-nav .hs-menu-wrapper.hs-menu-flow-vertical > ul{ margin:0 -20px 30px; overflow:hidden; }
.footer .span6.widget-span.widget-type-menu.footer-nav{ display:none;}
.footer .subscribe-blog{ text-align:center;}
.footer .phone-media{ text-align:center;}
}
/* Landscape phone to portrait tablet
========================================================================== */
@media (max-width: 767px) {
.body-container-wrapper .page-center {padding: 50px 20px;}
.tutor-bio-blog .bio-photo .photo-overlay {
background: none !important;
display: none !important;
}
.tutor-bio-blog .bio-photo img {
border-radius: 400px !important;
height: auto !important;
}
body .tutor-bio-blog .bio-photo img {
margin-bottom: 25px !important;
margin-right: 50px !important;
}
}
/* Custom Media Size */
@media (max-width: 630px) {
body .tutor-bio-blog .bio-photo img {
max-width: 90% !important;
}
}
/* Landscape phones and down
========================================================================== */
@media (max-width: 480px) {
div.section.post-body img:first-child {
float: none !important;
width: 90% !important;
margin: 0 auto !important;
}
.tutor-bio-blog .blog-section {
padding: 0 20px !important;
}
}
/* iPhone
========================================================================== */
@media (max-width: 320px) {}
/* ==========================================================================
Custom Styles
========================================================================== */
/* PRICING PAGE */
.pricing-page-body .page-center{
max-width: 980px;
margin: 0 auto!important;
float: none!important;
}
.pricing-page-body .full-width-bg#header{
background-image: url('//cdn2.hubspot.net/hub/365438/file-893255978-png/Background_Tiles/concrete_wall_2.png');
background-repeat: repeat;
min-height: 450px;
}
.pricing-page-body div.page-header.section-header {
text-align: center;
padding-bottom: 30px;
}
body.pricing-page-body #header .secondary-header{
font-size: 20px;
}
.pricing-header {
background: #303138;
color: white;
width: 100%;
padding: 20px 0px;
}
.pricing-subheader {
background: #494E55;
width: 100%;
padding: 35px 0px;
}
.pricing-subheader p {
color: white;
}
.pictos img {
width: 153px !important;
}
.arrow-container img {
max-width: 160% !important;
}
.pricing-page-body #header .hs-form fieldset {
max-width: 100%;
margin: 0 auto;
}
.pricing-page-body #header .hs-input {
height: 42px;
font-size: 1.6em;
width:100%;
}
.pricing-page-body #header label {
display: none;
}
.pricing-page-body #header .hs-button.primary {
width: 300px !important;
}
.pricing-page-body #header .hs_submit {
text-align: center !important;
}
.pricing-description {
padding: 20px 5px;
}
.pricing {
background: #ddd;
padding: 0px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
margin-bottom: 50px;
max-height: 745px;
}
#featured.pricing {
margin-top: -13px;
}
.pricing hr {
margin: 15px;
}
.pricing span, .pricing p, .pricing h2 , .pricing h3 {
text-align: center;
}
.full-width-bg#testimonials {
background: #DBDCDE;
}
.testimonial {
padding: 50px 0px;
}
.faq {
padding: 50px 10px;
}
.faq-block {
padding: 40px;
}
.faq-block p {
line-height: 1.5em !important;
}
/* MOBILE PRICING CSS */
@media (max-width: 768px) {
img.arrow {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
margin: 24px auto 30px auto !important;
max-width: 60px !important;
}
form {
margin-top: 20px;
}
div.hs-form-field {
width: 100% !important;
}
}
/* END PRICING PAGE */
/* START PRICING DASHBOARD STYLE */
.dashboard #dashboard-header {
background-image: url('//cdn2.hubspot.net/hub/365438/file-893255978-png/Background_Tiles/concrete_wall_2.png');
background-repeat: repeat;
min-height: 200px;
}
.body-container .dashboard .page-center {
padding: 15px 0px !important;
}
.dashboard .header-text {
padding-top: 15px;
}
.dashboard .options {
font-size: 16px;
padding: 15px;
}
.dashboard .exam-icons {
background: #5B6168;
color: white;
text-align: center;
width: 185px !important;
height: 185px;
padding: 55px 15px;
margin: 15px auto !important;
float: none;
border-radius: 180px;
}
.dashboard .exam-icons:hover a {
color: #91C9D2;
-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s;
}
.dashboard .exam-icons p {
color: #f7f7f7;
}
.dashboard .exam-icons a {
color: #f7f7f7;
}
.dashboard .exam-icons a:hover {
color: #91C9D2;
}
.dashboard .usmle .exam-icons, .dashboard .comlex .exam-icons {
width: 100% !important;
max-width: 185px;
min-width:185px;
float: none !important;
}
@media (max-width: 767px) {
.dashboard .usmle .exam-icons, .dashboard .comlex .exam-icons, .dashboard .exam-icons {
width: 60% !important;
max-width: 185px;
}
}
/* END PRICING DASHBOARD STYLE */
/* START SIMPLE PRICING REQUEST FOR UNKNOWN VISITORS */
.custom-pricing-request .request-pricing {
float: none !important;
margin: 55px auto !important;
background: #efefef !important;
border: 1px solid #bcbcbc !important;
width: 200px;
height: 200px;
border-radius: 180px;
}
/* END SIMPLE PRICING REQUEST FOR UNKNOWN VISITORS */
/* Rounded Image on Answer Page */
#answer img {
border-radius: 175px;
}
/* START WEBINAR PAGE STYLE */
.webinar-header {
background: url("//cdn2.hubspot.net/hub/365438/file-625377088-jpg/images/bg-gray-diag.jpg?t=1406644391775") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.webinar-info {
color: #A6A4A4;
position: relative;
}
.webinar-info .page-center {
max-width: 1400px !important;
}
.webinar-info .tile {
margin-bottom: 30px;
}
.webinar-body #webinarform .hs-form fieldset {
max-width: 100%;
margin: 0 auto;
}
.webinar-body #webinarform .hs-input {
height: 42px;
font-size: 1.6em;
width:100%;
}
.webinar-body #webinarform label {
display: none;
}
.webinar-body #webinarform .hs-button.primary {
width: 300px !important;
}
.webinar-body #webinarform .hs_submit {
text-align: center !important;
}
.webinar-title {
background: #5B6168 ;
padding: 20px;
color: white;
}
.webinarinfo , .takeaways , .presenter {
padding:15px;
border: 2px solid #5B6168;
height: 600px;
}
.takeaways ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.takeaways ul li {
background-image: url('//cdn2.hubspot.net/hub/365438/file-1363268921-png/images/RedCheck.png');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 26px;
padding-right: 3px;
padding-bottom: 8px;
margin-bottom:10px;
font-size: 11px;
}
@media (max-width: 420px) {
.webinar-info .page-center {
padding-right: 5px !important;
padding-left: 5px !important;
}
}
/**
* The include below remains at the bottom of the stylesheet so that custom
* styles will override base styles.
*
* The styles from the include below are custom and miscellaneous styles
* that do not pertain to any sections in CompanyStyle.css.
*/
/**
* CompanyCustom.css
*
* All custom and miscellaneous styles that do not pertain to any available
* sections in CompanyStyle.css.
*/
/* ==========================================================================
Index:
- Components
- Template Module Classes
- Unique pages
- Micellaneous
- Mobile
========================================================================== */
/* ==========================================================================
Components
========================================================================== */
/* Ex. Additional Menus aside from the Main Nav */
/* Ex. Extra Container Wrappers */
/* Ex. Extra Button Styles */
/* Ex. Social Media Icons */
/* Ex. Callouts */
/****************************************************
Header
****************************************************/
.custom_top-back {
background: url("//cdn2.hubspot.net/hub/365438/file-588885715-jpg/layout/bg-top-bar.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
margin-top: 0px !important;
}
.custom_header-text {
color: #FFFFFF;
font-family: "Lato","Arial",sans-serif;
font-size: 14px;
padding-left: 200px;
}
.custom_header-text a {
color: #91C9D2;
font-size: 12px;
font-family: "LatoBold","Arial",sans-serif;
text-decoration: none;
}
.custom_header-text a:hover {
color: #ccc;
}
.main.main-meet-tutors .custom_header-text p,
.custom_header-text p {
color: #FFFFFF;
float: left;
font-family: "Lato","Arial",sans-serif;
font-size: 14px;
line-height: 32px;
margin: 0;
}
.custom_second-background {
/*background: url("//cdn2.hubspot.net/hub/365438/file-588908685-jpg/layout/top-back.jpg") no-repeat scroll -227px 0 rgba(0, 0, 0, 0);*/
background: -webkit-linear-gradient(left, #DBDCDE 50%, #494E55 50%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #DBDCDE 50%, #494E55 50%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #DBDCDE 50%, #494E55 50%); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #DBDCDE 50%, #494E55 50%); /* Standard syntax */
}
.custom_logo {
padding-left: 55px;
padding-bottom: 11px;
}
/* Footer */
.custom_contact-date {
font-family: Lato;
font-weight: bold;
}
.phones {
margin-top: 30px;
}
.phones > p {
line-height: 1.4em;
font-family: "LatoBold","Arial",sans-serif;
font-weight: normal;
font-size: 14px;
/* padding-left: 10px; edited by HubSpot support 4/17/14*/
margin: 0;
color: #A6A4A4;
}
.email {margin-top: 5px;}
.email a {
line-height: 1.4em;
font-family: "LatoBold","Arial",sans-serif;
font-weight: normal;
font-size: 14px;
color: #91C9D2;
text-decoration: none;
}
.email a:hover {color: #ccc;}
.footer-container .col-onethird.social-links {
width: 35px;
margin-left: 30px;
margin-top: 10px;
}
.social-links a.social-link {
background: url("//cdn2.hubspot.net/hub/365438/file-609789424-png/layout/icons-social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 40px;
margin-top: 8px;
width: 40px;
}
.social-links a.social-link.facebook {
background-position: 0 top;
float: left;
}
.footer-container .col-twothirds {
background: url("//cdn2.hubspot.net/hub/365438/file-585202658-png/layout/twitter-box.png") no-repeat scroll -40px 20px rgba(0, 0, 0, 0);
height: 177px;
width: auto;
padding-right: 60px;
margin-left: 3px;
}
.juiz_last_tweet_inside {
color: #494E55;
font-family: "Lato","Arial",sans-serif;
font-size: 15px;
line-height: 1.3em;
margin-left: 90px;
margin-top: 40px;
padding: 0;
}
.juiz_last_tweet_inside ul.juiz_last_tweet_tweetlist {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
border-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
padding: 0;
}
.social-links a.social-link.linked {
background-position: -75px top;
float: right;
}
.social-links a.social-link.twitter {
background-position: -35px top;
float: right;
}
ul.juiz_last_tweet_tweetlist li {
color: #494E55;
width: 350px;
}
.juiz_last_tweet_follow_us,
.juiz_last_tweet_metadata {
display: none;
}
/* Social */
.custom_social a {
content: "";
display: block;
text-indent: -5000px;
margin-bottom: 10px;
}
.fb {
background: url("//cdn2.hubspot.net/hub/365438/file-590823395-jpg/layout/fb.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 34px;
width: 19px;
}
.fb:hover {
background: url("//cdn2.hubspot.net/hub/365438/file-585192388-jpg/layout/fb-hov.jpg") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
}
.in {
background: url("//cdn2.hubspot.net/hub/365438/file-590818970-jpg/layout/in.jpg%29 no-repeat") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 35px;
width: 34px;
}
.in:hover {
background: url("//cdn2.hubspot.net/hub/365438/file-589447687-jpg/layout/in-hov.jpg") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
}
.tw {
background: url("//cdn2.hubspot.net/hub/365438/file-585630743-jpg/layout/tw.jpg%29 no-repeat") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 30px;
width: 36px;
}
.tw:hover {
background: url("//cdn2.hubspot.net/hub/365438/file-587682856-jpg/layout/tw-hov.jpg") no-repeat scroll -2px 0 rgba(0, 0, 0, 0);
}
.custom_footer-text {
background: url("//cdn2.hubspot.net/hub/365438/file-585191893-png/layout/twitter-box-1.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
color: #444444;
font-family: lato;
font-size: 15px;
padding: 20px 70px 43px 123px;
}
.custom_footer-text a {
text-decoration: none;
}
.custom_footer-text a:hover {
color: #444;
}
.footer-container .widget-type-global_group > div > div:last-child {
border-top: 2px solid #30343A;
}
.footer-container .widget-type-global_group > div > div:last-child > div {
border-top: 1px solid #5E6268;
}
.footer-separator {
margin-top: 0;
}
.footer-separator:after {
background: url("//cdn2.hubspot.net/hub/365438/file-589298967-jpg/layout/footer-separator.jpg%29 no-repeat") repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
display: block;
height: 10px;
margin-bottom: 11px;
width: 100%;
}
.first-copyright {
font-family: Lato;
font-size: 11px;
}
.second-copyright {
font-family: Lato;
font-size: 11px;
line-height: 1em;
margin: 13px 0 16px;
}
/* Footer Links */
.custom_footer-links .cell-wrapper {float: right;}
.custom_footer-links a {
color: #A6A4A4;
font-family: Lato;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
font-size: 13px;
font-family: "LatoBold","Arial",sans-serif;
float: left;
line-height: 1.3em;
}
.custom_footer-links span {
float: left;
line-height: 1em;
font-size: 16px;
}
.custom_footer-links a:hover {
color: #91c9d2;
}
/* Footer Form */
.footer_form-background {
background: none repeat scroll 0 0 #EFEFEF;
}
.footer_form-background .page-center {
padding: 60px 0 75px;
}
.footer_form-background .widget-type-form {
float: none!important;
margin: 0 auto !important;
max-width: 568px!important;
}
body .footer_form-background .widget-type-form h3 {
font-family: "LatoBold","Arial",sans-serif;
font-size: 44px;
font-weight: normal;
text-align: center;
color: #ED3324;
line-height: 1.15em;
text-transform: uppercase;
margin: 0 0 30px;
}
.footer_form-background form label,
.footer_form-background form .hs-richtext p {
color: #A5A3A3;
font-size: 15px;
display: block;
float: none;
font-weight: normal;
line-height: 1.3em;
margin: 0 0 10px;
text-transform: uppercase;
}
.footer_form-background form label .hs-form-required {color: #790000;/* display: none; - HubSpot Support edit 5/2/2014 */}
.footer_form-background form .hs_select_exam label .hs-form-required {color: #790000;display: inline;}
.footer_form-background form .hs_select_exam .hs-form-radio label {
color: #494E55;
}
.footer_form-background form > .hs_select_exam {
float: left;
width: 40%;
margin-left: 0;
margin-bottom: 120px;
}
.footer_form-background form > div {float: right;width: 53%;}
.footer_form-background form > div.hs_submit {float: right;}
/* ==========================================================================
Template Module Classes
========================================================================== */
/* Site Pages
========================================================================== */
/* Full Width Template */
.full-width-template .full-width{}
/* Three Column Template */
.three-column-template{}
.three-column-template .left-column{}
.three-column-template .center-column{}
.three-column-template .sidebar{}
/* Two Column Template */
.two-column-template{}
.two-column-template .left-column{}
.two-column-template .sidebar{}
/* Landing Pages
========================================================================== */
/* Full Width Template */
.full-width-template-landing-page .full-width{}
/*Thank You Flex Template */
.thank-you-template{}
.thank-you-template .left-column{}
.thank-you-template .sidebar{}
/*Three Column Template */
.three-column-template-landing-page{}
.three-column-template-landing-page .left-column{}
.three-column-template-landing-page .center-column{}
.three-column-template-landing-page .sidebar-form{}
/* Two Column Template */
.two-column-template-landing-page{}
.two-column-template-landing-page .left-column{}
.two-column-template-landing-page .sidebar-form{}
/* Blog
========================================================================== */
.blog-template{}
.blog-template .left-column{}
.blog-template .blog-sidebar{}
.hs-blog-header h1 {
font-family: 'ExoLight',Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: normal;
line-height: 1.1em;
margin-bottom: 15px;
}
.blog-main-column h2 {
font-family: 'ExoLight',Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: normal;
line-height: 1.1em;
margin-bottom: 30px;
margin-top: 10px;
}
.blog-main-column .post-item {margin: 0 0 20px;padding: 0 0 20px;}
.blog-main-column .post-body,
.blog-main-column a.more-link,
.blog-main-column .blog-pagination a {font-size: 1.6em;line-height: 1.4em;margin-bottom: 15px;}
.page-center .blog-sidebar {font-size: 1.6em;}
.page-center .blog-sidebar > div {margin-bottom: 30px;}
.page-center .blog-sidebar p {font-size: 1em;}
.page-center .blog-sidebar ul {font-size: 1em;list-style: disc inside}
.page-center .blog-sidebar ul li {font-size: 1em;list-style: disc inside;padding: 0 0 5px;}
.page-center .blog-sidebar label {display: block;margin: 5px 0;}
/* ==========================================================================
Unique Pages
========================================================================== */
/* Ex. Homepage */
/* Ex. Contact Us */
/* Ex. About Us */
/* Home Page */
.main.main-home .hs_cos_wrapper_type_image_slider {
max-width: 1024px;
margin: 0 auto;
}
.main.main-home .hs_cos_flex-slider {
margin-bottom: 0;
}
.main.main-home .hs_cos_flex-slider .caption {
background: url(//cdn2.hubspot.net/hub/365438/file-621313776-png/layout/dia-banner-1.png) no-repeat scroll -850px top transparent;
height: 100%;
overflow: hidden;
padding: 20px 0 0 26px;
width: 550px;
position: absolute;
top: 0;
}
.main.main-home .hs_cos_flex-slider .caption div {
background: transparent;
left: 50px;
overflow: hidden;
padding: 20px 0 0 26px;
position: absolute;
top: -500px;
width: 550px;
z-index: 3;
}
.main.main-home .hs_cos_flex-slider .caption div {
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.main.main-home .hs_cos_flex-slider .hs_cos_flex-active-slide .caption div {
left: 0;
top: 0;
}
.main.main-home .hs_cos_flex-slider .headline-red {
color: #ED3324;
font-family: 'ExoLight',Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.1em;
margin-bottom: 15px;
text-transform: none;
width: 80%;
text-align: left;
}
.main.main-home .hs_cos_flex-slider p {
color: #63676B;
line-height: 1.2em;
margin-bottom: 10px;
width: 270px;
font-size: 16px;
text-align: left;
}
.main.main-home .hs_cos_flex-slider p.banner-btn {
background: url("//cdn2.hubspot.net/hub/365438/file-585731656-png/layout/btn-red-arrow.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
float: left;
height: 35px;
line-height: 35px;
margin-bottom: 0;
margin-top: 5px;
padding-right: 20px!important;
width: auto;
}
.main.main-home .hs_cos_flex-slider a.home-banner-link {
background: url("//cdn2.hubspot.net/hub/365438/file-585731656-png/layout/btn-red-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
font-family: "Lato","Arial",sans-serif;
font-size: 14px;
font-weight: normal;
height: 35px;
letter-spacing: 0.5px;
line-height: 36px;
padding-left: 14px;
text-transform: uppercase;
}
.main.main-home .hs_cos_flex-slider p.banner-btn:hover {
background-position: right bottom;
color: #FFFFFF;
}
.main.main-home .hs_cos_flex-slider a.home-banner-link:hover {
background-position: 0 bottom;
color: #FFFFFF;
}
.main.main-home .hs_cos_flex-slider .hs_cos_flex-control-nav {
bottom: 100px;
left: 0;
position: absolute;
text-align: center;
width: 18%;
}
.main.main-home .hs_cos_flex-direction-nav {
display: none;
}
.main.main-home .hs_cos_flex-control-paging li {margin: 0 3px}
.main.main-home .hs_cos_flex-control-paging li a {
background-color: #D6D6D6;
box-shadow: none;
width: 12px;
height: 12px;
}
.main.main-home .hs_cos_flex-control-paging li a.hs_cos_flex-active {
background-color: #ED3324;
}
/* section2 - (gray diag section) */
.main.main-home .section.section2 h2 { width:90%; margin:0 auto 15px auto; text-align:center; }
.main.main-home .section.section2 p { max-width:625px; text-align:center; margin-left:auto; margin-right:auto; }
/* section3 */
.main.main-home .section.section3 h3 { max-width:350px; }
.main.main-home .section.section3 p { max-width:270px; }
/* section4 */
.main.main-home .section.section4 h3 { max-width:330px;}
.main.main-home .section.section4 p { max-width:350px; }
/* section5 */
.main.main-home .section.section5 h3 { max-width:400px; }
.main.main-home .section.section5 p { max-width:350px; }
/* section 6 */
.main.main-home .section.section6 h2 { font-size:38px; margin-bottom:12px; }
.main.main-home .section.section6 p.light { color:#cccccc; }
.main.main-home .section.section6 p.light span { color:#cccccc; }
.main.main-home .section.section6 h3.title { width:215px; font-size:31px; line-height:1.1em; margin-bottom:5px; font-family:'ExoLight', Arial, Helvetica, sans-serif; font-weight:400; }
.main.main-home .section.section6 h4.subtitle { width:230px; font-size:1.6em; line-height:1.35em; margin-bottom:18px; font-family:'Exo', Arial, Helvetica, sans-serif; font-weight:400; }
.main.main-home .section.section6 .icon-phone { width:49px; height:116px; margin:0 auto; background:url(//cdn2.hubspot.net/hub/365438/file-618879253-png/layout/icon-phone.png) no-repeat 0 0; }
.main.main-home .section.section6 .column-rule { width:16px; margin:0 auto; background:url(//cdn2.hubspot.net/hub/365438/file-621396931-png/layout/col-rule-1.pngg) repeat-y 0 0; min-height:900px; }
.main.main-home .section.section6 .block { position:relative; margin-top:196px; }
.main.main-home .section.section6 .block img { position:absolute; display:block; top:-12px; right:0; width:85px; height:85px; }
.main.main-home .section.section6 .block .line-segment-L { position:absolute; top:30px; right:-73px; width:55px; height:4px; background:url(//cdn2.hubspot.net/hub/365438/file-623920380-png/layout/bg-segment-1.png) 0 0 repeat-x; }
.main.main-home .section.section6 .block .line-segment-R { position:absolute; top:30px; left:-77px; width:55px; height:4px; background:url(//cdn2.hubspot.net/hub/365438/file-623920380-png/layout/bg-segment-1.png) 0 0 repeat-x; }
#home-form {
position: relative;
padding-top: 145px;
}
#home-form h3 {
color: #ED3324;
font-family: "LatoBold","Arial",sans-serif;
font-size: 44px;
font-weight: normal;
line-height: 1.15em;
margin: 0 0 30px;
text-align: center;
text-transform: uppercase;
}
#home-form .round-image {
background: url("//cdn2.hubspot.net/hub/365438/file-619756333-png/images/image-circle-female1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 251px;
left: 50%;
margin-left: -125px;
position: absolute;
top: -125px;
width: 251px;
}
/****************************************
Page Contact
*****************************************/
.custom-contact .custom_head-text h1 {
color: #FFFFFF;
font-family: "LatoBold","Arial",sans-serif;
font-size: 44px;
font-weight: normal;
margin: 0;
padding-top: 22px;
}
.custom-contact .center {
text-align: center;
padding: 32px 0;
}
.custom-contact .custom_first-backgr,
.custom-contact .custom_second-backgr {
background-color: #EFEFEF;
}
.custom-contact .custom_first-backgr .custom_first-form,
.custom-contact .custom_second-backgr .custom_second-form {
max-width: 816px!important;
margin: 0 auto!important;
float: none;
padding-top: 52px;
padding-bottom: 20px;
overflow: hidden;
}
.custom-contact h3.form-title {
font-family: 'ExoLight',Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: normal;
line-height: 1.1em;
margin: 0;
padding-bottom: 6px;
}
.custom-contact label {
color: #A5A3A3;
display: block;
float: none;
font-weight: normal;
line-height: 1.3em;
margin: 0 0 10px;
text-transform: uppercase;
font-size: 15px;
}
/* Page Contact - First Form */
.custom-contact .custom_first-backgr .custom_first-form form > div.hs_select_exam {
float: left;
margin-right: 50px;
margin-bottom: 150px;
width: 20%;
}
.custom-contact .custom_first-backgr .custom_first-form form > div {
float: left;
width: 50%;
}
.custom-contact .custom_first-backgr .custom_first-form form .hs-form-radio > label {
color: #494E55;
font-family:'Lato', Arial;
font-size:16px;
font-weight:200;
}
.custom-contact .custom_first-backgr .custom_first-form form .hs-form-radio > label > input {
margin-right: 10px;
}
.custom-contact .custom_first-backgr .custom_first-form form > div.hs_submit {
float: right;
}
.custom-contact .custom_first-backgr .custom_first-form form .hs-button {
/* background: url("//cdn2.hubspot.net/hub/365438/file-614968028-png/layout/btn-red-arrow-short.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); */
border: 0 none;
color: #FFFFFF;
cursor: pointer;
float: right;
height: 35px;
line-height: 35px;
padding-left: 18px;
padding-right: 26px;
margin-top: 10px;
margin-bottom: 20px;
text-transform: uppercase;
width: auto !important;
z-index: 2;
}
.contact-info h4 {
color: #A5A3A3;
font-family: "LatoBold","Arial",sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1.9em;
margin: 10px 0;
text-transform: uppercase;
}
.contact-info p {
font-size: 13px;
margin: 0;
line-height: 1.4em;
padding: 0;
}
.custom-contact .center {
max-width: 500px;
margin: 0 auto;
overflow: hidden;
}
.custom-contact .center > div {
float: left;
max-width: 206px;
}
.custom-contact .center .icon-divider {
background: url(//cdn2.hubspot.net/hub/365438/file-622179131-png/layout/icons-divider.png) no-repeat scroll left top transparent;
height: 104px;
width: 50px;
cursor: default;
}
.custom-contact .center > div span {
font-family: 'ExoThin',Arial,Helvetica,sans-serif;
font-size: 23px;
line-height: 1.3em;
color: #63676B;
}
.custom-contact .center > div a:hover {
opacity: 0.7;
}
.custom-contact .center p {
font-family: 'ExoThin',Arial,Helvetica,sans-serif;
font-size: 23px;
line-height: 1.3em;
color: #63676B;
}
.contact-icon {
display: inline-block;
width: 220px;
vertical-align: top;
}
.contact-icon:first-child { margin-right: 30px; }
.contact-icon:last-child { margin-left: 30px; }
.contact-icon:hover {
opacity: 0.7;
}
.contact-icon.active p {
font-family: 'Exo',Arial,Helvetica,sans-serif;
}
/* ==========================================================================
Miscellaneous
========================================================================== */
/* Ex. Fancybox Plugin Overrides */
/* Ex. Twitter Feed Overrides */
/* Ex. Any 3rd Party Plugin/Code Overrides */
/* colors */
.color-primary { color:#494e55; } /* dark gray */
.color-gray { color:#a6a4a4; } /* medium gray */
.color-lt-gray { color:#cccccc; } /* light gray (main-menu) */
.color-text { color:#63676b; }
.color-red { color:#ed3324; }
.color-blue { color:#91c9d2; }
.color-yellow { color:#f4aa1c; }
/****************************************************
COMMON
****************************************************/
.clear { clear:both; margin:0; padding:0; height:0; width:0; }
.left { float:left; }
.right { float:right; }
.col-quarter { width:24.5%; }
.col-onethird { width:28%; }
.col-twothirds { width:66%; }
.col-half { width:49.5%; }
.col-onefifth { width:23.5%; }
.col-twofifths { width:38%; }
.box-shadow1 {
-webkit-box-shadow: 0px 0px 9px rgba(200, 200, 200, 0.75);
-moz-box-shadow: 0px 0px 9px rgba(200, 200, 200, 0.75);
box-shadow: 0px 0px 9px rgba(200, 200, 200, 0.75);
}
.wrapper {
width:100%;
float:none;
clear:both;
padding:0;
}
.container {
width:100%;
float:none;
clear:both;
padding:0;
}
.main {
width:100%;
float:none;
clear:both;
padding:0;
}
/****************************************************
Common between most pages
****************************************************/
h1.page-title { position:absolute; top:60px; left:68px; max-width:300px; color:#ffffff; font-size:44px; font-family:"LatoBold","Arial",sans-serif; font-weight:normal; }
.banner-wrap { position:relative; width:100%; height:265px; background:#999999; background-repeat:no-repeat; background-position: top center; }
.banner { max-width:1024px; margin:0 auto; height:265px; position:relative; }
.banner img { max-width:1280px; height:100%; margin-left:-104px; }
.main .banner p.btn-goto-form,
.tutor-bio-blog .banner p.btn-goto-form{ position:absolute; display:block; bottom:43px; left:70px; width:auto; color:#ffff; height:35px; line-height:35px; padding-right:20px; background:url(//cdn2.hubspot.net/hub/365438/file-620630396-png/layout/btn-red-arrow-1.png) no-repeat right 0; margin: 0;}
/*.main .banner a.contact-form-link { position:absolute; display:block; bottom:30px; left:38px; color:#ffffff; font-size:27px; line-height:28px; padding-left:30px; background:url(images/arrow-right.png) 0 0 no-repeat; }*/
.main .banner a.contact-form-link,
.tutor-bio-blog .banner a.contact-form-link { display:block; color:#fff; height:35px; line-height:36px; font-size:14px; font-family:"Lato","Arial",sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:.5px; padding-left:14px; background:url(//cdn2.hubspot.net/hub/365438/file-620630396-png/layout/btn-red-arrow-1.png) no-repeat 0 0; }
.main .banner p.btn-goto-form:hover,
.tutor-bio-blog .banner p.btn-goto-form { color:#fff; background-position:right bottom; }
.main .banner a.contact-form-link:hover,
.tutor-bio-blog .banner a.contact-form-link:hover { color:#fff; background-position:0 bottom; }
.submenu-wrap { width:100%; height:66px; background-color:#f9f9f9; }
.submenu-wrap .cell-wrapper { max-width:1024px; height:66px; margin:0 auto; }
.submenu-wrap .cell-wrapper ul { float:left; margin-left:48px; }
.submenu-wrap .cell-wrapper ul li { float:left; height:66px; }
.submenu-wrap .cell-wrapper ul li a { font-size:1.4em; line-height:60px; display:block; padding:9px 70px 0 20px; line-height:60px; text-transform:uppercase; color:#a6a4a4; background:url(//cdn2.hubspot.net/hub/365438/file-596602540-png/layout/slash_53x105.png) right 14px no-repeat; font-family:"LatoBold","Arial",sans-serif; }
.submenu-wrap .cell-wrapper ul li a:hover { color:#90c9d2; text-decoration:none; }
.submenu-wrap .cell-wrapper ul li.active a { color:#90c9d2; background-position:right -74px; }
.main .section { position:relative; width:100%; background:#ffffff; clear:both; }
.main .section .inner { max-width:1024px; margin:0 auto; }
.main .section .inner.post{max-width:472px; float:left;}
.main .section .inner .icon{height:65px; width:65px; float:left;}
.main .section .inner .icon.mcat{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-630489645-png/layout/icon-large-mcat.png) no-repeat;}
.main .section .inner .icon.comlex{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-630514615-png/layout/icon-large-comlex.png) no-repeat;}
.main .section .inner .icon.shelf{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-625494868-png/layout/icon-large-shelf.png) no-repeat;}
.main .section .inner .icon.usmle{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-627762776-png/layout/icon-large-usmle.png) no-repeat;}
.main .section .inner .icon.med-school-admission{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-621163624-png/layout/icon-large-admission.png) no-repeat;}
.main .section .inner .icon.medical-coursework{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-630514620-png/layout/icon-large-coursework.png) no-repeat;}
.main .section .inner .icon.residency-admissions{position:absolute; left:-85px; background: url(//cdn2.hubspot.net/hub/365438/file-629521287-png/layout/icon-large-residency.png) no-repeat;}
.main .section .inner .icon.other{position:absolute; left:-85px; background: url() no-repeat;}
.main .section p { line-height:1.4em; margin-top: 0;margin-bottom:15px; }
.main .section h2.headline-red { font-size:40px; color:#ed3324; line-height:1.15em; text-transform:uppercase;}
.main .section h2.headline { font-size:30px; line-height:1.1em; margin-bottom:15px; font-family:'ExoLight', Arial, Helvetica, sans-serif; font-weight:normal; }
.main .section h3.headline { font-size:30px; line-height:1.1em; margin-bottom:15px; font-family:'ExoLight', Arial, Helvetica, sans-serif; font-weight:normal; }
.main .section h3.subheadline { font-size:18px; line-height:1.1em; margin-bottom:15px; font-family:'LatoLight', Arial, Helvetica, sans-serif; font-weight:normal; }
p.quote { color:#ffffff; font-size:1.8em; line-height:1.4em; text-align:right; }
p.quote span.emphasize { font-size:1.4em; font-family:'LatoLight', Arial, Helvetica, sans-serif; font-weight:normal; }
p.author { color:#ffffff; font-size:1.8em; line-height:1.4em; text-align:right; margin-top:20px; }
p.p-quote { font-size:1.9em; line-height:1.1em; font-family:'Latobold', Arial, Helvetica, sans-serif; font-weight:normal; color:#494E55; }
.main .section ul { list-style:disc outside none; margin-left:26px; }
.main .section ul li { list-style:disc outside none; font-size:1.5em; line-height:1.3em; margin-bottom:5px; }
.main .section .left-band { position:absolute; top:0; left:50%; height:100%; max-width:1000px; margin-left:-1536px; background-color:#ffffff; }
/****************************************************
Exam Prep Template
****************************************************/
.main.main-exam-prep h1.page-title { width:315px; color:#ffffff; max-width:none;}
.main.main-exam-prep .section.section2 { background:#eaeaea url(//cdn2.hubspot.net/hub/365438/file-588265548-jpg/layout/bg-center-section-1.jpg) no-repeat center 0; }
.main.main-exam-prep .section.section3 { background-color:#494e55; }
.main.main-exam-prep .section.section4 { background-color:#f9f9f9; }
.main.main-exam-prep .section.section1 .inner { max-width:888px;/*1024*/ padding:55px 0 50px 0; }
.main.main-exam-prep .section.section2 .inner{ max-width:888px;/*1024*/ padding:60px 0 55px 0; }
.main.main-exam-prep .section.section3 .inner{ max-width:888px;/*1024*/ padding:35px 0 0px 0; position:relative; min-height:400px; }
.main.main-exam-prep .section.section4 .inner{ max-width:888px;/*1024*/ padding:55px 0 80px 0; background:url(//cdn2.hubspot.net/hub/365438/file-618078122-png/layout/section-divider40.png) no-repeat center top; }
.main.main-exam-prep .section.section5 .inner{ max-width:888px;/*1024*/ padding:55px 0 80px 0; background:url(//cdn2.hubspot.net/hub/365438/file-618078122-png/layout/section-divider40.png) no-repeat center top; }
.main.main-exam-prep .section .col-onethird { width:29%; }
.main.main-exam-prep .section .col-twothirds { width:61%; }
.main.main-exam-prep .section.section3 .col-onethird { width:26%; }
.main.main-exam-prep .section.section3 .col-twothirds { width:65%; }
.main.main-exam-prep .section.section1 img { margin-top:60px; margin-bottom:24px; float:left; }
.main.main-exam-prep .section.section2 img { margin-top:70px; margin-bottom:20px; float:left; }
.main.main-exam-prep .section.section3 img { margin-top:5px; margin-bottom:0px; float:left; }
.main.main-exam-prep .section.section4 img { margin-top:68px; margin-bottom:20px; float:left; }
.main.main-exam-prep .section.section5 img { margin-top:65px; margin-bottom:40px; float:left; }
.main.main-exam-prep .section h3.headline { max-width:500px; margin-bottom:30px; }
.main.main-exam-prep .section.section3 p { color:#ffffff; font-size:1.8em; line-height:1.4em; text-align:right; font-family:'LatoLight', Arial, Helvetica, sans-serif; font-weight:normal; }
.main.main-exam-prep .section.section3 p span.emphasize { font-size:1.4em; font-family:'LatoLight', Arial, Helvetica, sans-serif; font-weight:normal; }
.main.main-exam-prep .section.section3 .col-onethird { position:absolute; bottom:0; right:10px; }
/****************************************************
Exam Facts Template
****************************************************/
.main.main-exam-facts h1.page-title { max-width:315px; color:#ffffff; }
.main.main-exam-facts .section.section1 .inner { max-width:888px;/*1024*/ padding:55px 0 70px 0; }
.main.main-exam-facts .section.section2 .inner{ max-width:888px;/*1024*/ padding:55px 0 70px 0; background:url(//cdn2.hubspot.net/hub/365438/file-618078122-png/layout/section-divider40.png) no-repeat center top; }
.main.main-exam-facts .section.section1 .col-onethird { width:30%; }
.main.main-exam-facts .section.section1 .col-twothirds { width:61%; }
.main.main-exam-facts .section.section2 .col-onethird { width:33%; }
.main.main-exam-facts .section.section2 .col-twothirds { width:61%; }
.main.main-exam-facts .section.section1 img { display:block; margin:52px auto 60px auto; }
.main.main-exam-facts .section.section2 img { display:block; margin:40px auto 25px auto; }
.main.main-exam-facts p.quote { color:#a6a4a4; font-style:italic; font-size:1.6em; line-height:1.4em; text-align:left; font-family:'ExoLight', Arial, Helvetica, sans-serif; }
.main.main-exam-facts p.author { color:#a6a4a4; font-size:1.5em; line-height:1.4em; text-align:right; margin-top:10px; }
.main.main-exam-facts a { color: #91C9D2; }
.main.main-exam-facts a:hover { color:#494e55; }
/****************************************************
Process Page and Tutors Page - About Template
****************************************************/
.main.main-about .section h2.headline { margin-top:10px; margin-bottom:30px; }
.main.main-about .section h4{ font-size:1.8em; padding:24px 0; font-weight:200; color:#333333; }
.main.main-about p.p-quote { font-size:1.8em; line-height:1.3em; color:#ed3324; }
.main.main-about .section.section2 { background:#494e55 url(//cdn2.hubspot.net/hub/365438/file-622144987-png/layout/bg-banner-gray-section2.png) repeat-x 0 0; }
.main.main-about .section.section3 { background:url(//cdn2.hubspot.net/hub/365438/file-623263265-jpg/layout/bg-center-section2.jpg) no-repeat center 0; }
.main.main-about .section.section1 .inner { max-width:888px;/*1024*/ padding:40px 0 70px 0; }
.main.main-about .section.section2 .inner { max-width:888px;/*1024*/ padding:25px 0 0px 0; height:215px;/*240*/ background:url(//cdn2.hubspot.net/hub/365438/file-623278340-png/layout/bg-banner-gray2.png) no-repeat -130px 0; position:relative; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.main.main-about .section.section3 .inner { max-width:888px;/*1024*/ padding:40px 0 70px 0; }
.main.main-about .section.section1 .col-onethird { width:28%; background:transparent url(//cdn2.hubspot.net/hub/365438/file-620442631-png/layout/bg_shadow_angle.png) no-repeat 0 0; }
.main.main-about .section.section1 .col-twothirds { width:62%; }
.main.main-about .section.section2 .col-one { width:48%; }
.main.main-about .section.section2 .col-two { width:19.5%; }
.main.main-about .section.section2 .col-three { width:32%; }
.main.main-about .section.section3 .col-onethird { width:26%; padding-left:35px; }
.main.main-about .section.section3 .col-twothirds { width:62%; }
.main.main-about .section.section1 img{ float:right; margin:50px 26px 40px 0; }
.main.main-about .section.section2 .col-inner { padding:13px 20px; }
.main.main-about .section.section2 .col-inner.left { width:120px; border-right:1px solid #a6a4a4; padding-left:0; }
.main.main-about .section.section2 .col-inner.right { float:left; width:190px; }
.main.main-about .section.section2 .col-inner h4 { color:#ffffff; font-size:60px; text-align:center; margin-top:12px; padding:0; font-family:"LatoBlack","Arial",sans-serif; }
.main.main-about .section.section2 .col-inner p { color:#cccccc; font-size:13px; text-align:center; text-transform:uppercase; margin:0; line-height:1.4em; font-family:"LatoBold","Arial",sans-serif; }
.main.main-about .section.section2 h2 { color:#ffffff; font-size:60px; margin-top:15px; }
.main.main-about .section.section2 p.p-quote { color:#ffffff; font-size:1.6em; line-height:1.4em; margin-top:8px; margin-bottom:0; font-family:"Lato","Arial",sans-serif; }
.main.main-about .section.section2 .tutor-link { position:absolute; top:198px; left:698px; width:200px; height:30px; line-height:30px; padding-left:40px; margin:0; background:url(//cdn2.hubspot.net/hub/365438/file-586130933-png/layout/arrow-right.png) no-repeat 0 0; }
.main.main-about .section.section2 .tutor-link a { color:#ffffff; }
.main.main-about .section.section2 .tutor-link a:hover { color:#a9a4a4; }
.main.main-about .section.section3 h2.headline { width:73%; }
.main.main-about .section.section3 img{ float:right; margin:10px 26px 40px 0; }
/****************************************************
Meet Your Tutors Page
****************************************************/
.main.main-meet-tutors .section-intro .inner { max-width:888px;/*1024*/ padding:50px 0 0 0; }
.main.main-meet-tutors .section-filter { color:#494e55; }
.main.main-meet-tutors .section-filter .inner { max-width:730px;/*1024*/ padding:45px 0 20px 0; }
.main.main-meet-tutors .section-filter .inner-bottom { max-width:1024px; height:14px; margin:0 auto; background:transparent url(//cdn2.hubspot.net/hub/365438/file-612699884-png/layout/section-divider-bottom.png) 0 bottom no-repeat; }
.main.main-meet-tutors .section-filter label { float:left; font-size:1.5em; height:26px; line-height:26px; font-weight:400; color:#a6a4a4; }
.main.main-meet-tutors .section-filter ul.filter-list { float:left; list-style:none; margin-left:10px; }
.main.main-meet-tutors .section-filter ul.filter-list li { float:left; list-style:none; font-size:12px; margin-left:40px; }
.main.main-meet-tutors .section-filter ul.filter-list li a { display:block; height:27px; line-height:27px; margin-bottom:5px; color:#494e55; background:url(//cdn2.hubspot.net/hub/365438/file-620919681-png/layout/btn-radio.png) 0 0 no-repeat; cursor:pointer; }
.main.main-meet-tutors .section-filter ul.filter-list li a:hover{ background-position:left bottom; }
.main.main-meet-tutors .section-filter ul.filter-list li a.selected{ background-position:left bottom; }
.main.main-meet-tutors .section-filter ul.filter-list li a span { padding:0 20px 0 9px; }
.main.main-meet-tutors .section-filter ul.filter-list li a.selected span { color:#ffffff; }
.main.main-meet-tutors .section-filter ul.filter-list li a:hover span{ color:#ffffff; }
.main.main-meet-tutors h2.headline { font-size:27px; margin-bottom:6px; }
.main.main-meet-tutors h3 { color:#f4aa1c; font-size:1.4em; margin-bottom:14px; font-family:"Lato","Arial",sans-serif; font-weight:normal; }
.main.main-meet-tutors h4 { color:#a6a4a4; font-size:1.4em; line-height:1.1em; margin-bottom:18px; text-transform:uppercase; font-family:'Lato', Arial, Helvetica, sans-serif; letter-spacing:0.5px; font-weight:normal; }
.main.main-meet-tutors p { line-height:1.3em; }
.main.main-meet-tutors .section.section1 { padding-top:35px; padding-bottom:0px; }
.main.main-meet-tutors .section.section1 .sub-section.even { background:#fafafa; }
.main.main-meet-tutors .section.section1 .inner { max-width:802px;/*1024*/ padding:58px 0 54px 0; }
.main.main-meet-tutors .section.section1 .inner.even { background: url(//cdn2.hubspot.net/hub/365438/file-583873464-png/layout/section-divider-top.png) 0 0 no-repeat; }
.main.main-meet-tutors .section.section1 .inner-bottom { max-width:1024px; height:14px; margin:0 auto; }
.main.main-meet-tutors .section.section1 .inner-bottom.even { background:transparent url(//cdn2.hubspot.net/hub/365438/file-612699884-png/layout/section-divider-bottom.png) 0 bottom no-repeat; }
.main.main-meet-tutors .section.section1 .col-half.left { width:42%; }
.main.main-meet-tutors .section.section1 .col-half.right { width:48%; }
.main.main-meet-tutors .bio-photo { position:relative; padding-left:20px; padding-top:0; margin-bottom:40px; }
.main.main-meet-tutors .bio-photo img { display:block; max-width:266px; height:266px;width: 100%; }
.main.main-meet-tutors .bio-photo .photo-overlay { position:absolute; top:0px; left:20px; width:266px; height:266px; background:transparent url(//cdn2.hubspot.net/hub/365438/file-617256443-png/layout/circle-mask-white.png) 0 0 no-repeat; z-index:10; }
.main.main-meet-tutors .sub-section.even .bio-photo .photo-overlay { background:transparent url(//cdn2.hubspot.net/hub/365438/file-612629184-png/layout/circle-mask-gray.png) 0 0 no-repeat; }
.main.main-meet-tutors .bio-qualifier { background:transparent url(//cdn2.hubspot.net/hub/365438/file-618471568-png/layout/bg-angle-divider.png) 9px 0 no-repeat; }
.main.main-meet-tutors .bio-qualifier h4 { margin:0 0 33px 0; }
.main.main-meet-tutors .bio-icons { float:right; width:247px; }
.main.main-meet-tutors .bio-icons .icon { float:left; width:47px; height:20px; margin-left:14px; padding-top:56px; text-align:center; color:#a6a4a4; font-size:1.1em; background:transparent url(//cdn2.hubspot.net/hub/365438/file-630515400-png/layout/icons-exams-small.png) 0 0 no-repeat; }
.main.main-meet-tutors .bio-copy { min-height:276px; margin-bottom:30px; }
.main.main-meet-tutors .bio-reviews { background:transparent url(//cdn2.hubspot.net/hub/365438/file-618471568-png/layout/bg-angle-divider.png) 10px 0 no-repeat; }
.main.main-meet-tutors .bio-reviews .left { width:30%; }
.main.main-meet-tutors .bio-reviews .right { width:63%; position:relative; }
.main.main-meet-tutors .bio-reviews .review-container{ min-height:130px; width:100%; }
.main.main-meet-tutors .bio-reviews .review-container p { margin-top:-1px; }
.main.main-meet-tutors .bio-reviews .review { display:none; position:absolute; top:0; left:200px; width:100%; }
.main.main-meet-tutors .bio-reviews .review.review1 { display:block; position:static; }
.main.main-meet-tutors .bio-reviews h4 { margin-bottom:10px; }
.main.main-meet-tutors .bio-reviews button.btn-review { float:left; width:20px; height:20px; min-height:20px; border:0; padding:0; margin-right:5px; background:transparent url(//cdn2.hubspot.net/hub/365438/file-629522017-png/layout/controls-reviews.png) 0 0 no-repeat; }
.main.main-meet-tutors .bio-reviews button.btn-review.prev { background-position:left top; }
.main.main-meet-tutors .bio-reviews button.btn-review.next { background-position:right top; }
.main.main-meet-tutors .bio-reviews button.btn-review.prev:hover { background-position:left -20px; }
.main.main-meet-tutors .bio-reviews button.btn-review.next:hover { background-position:right -20px; }
.main.main-meet-tutors .bio-reviews button.btn-review.prev:active { background-position:left bottom; }
.main.main-meet-tutors .bio-reviews button.btn-review.next:active { background-position:right bottom; }
.main.main-meet-tutors .section.section1 .inner.pagination { max-width:700px; padding:40px 0 40px 0; }
.main.main-meet-tutors .section.section1 .inner.pagination .pagi-btn { float:right; margin-left:10px }
.main.main-meet-tutors .section.section1 .inner.pagination .pagi-btn a { display:block; width:27px; height:27px; background:transparent url(//cdn2.hubspot.net/hub/365438/file-612697249-png/layout/page-controls.png) 0 0 no-repeat; }
.main.main-meet-tutors .section.section1 .inner.pagination .pagi-btn.newer-posts a { background-position:-30px 0px; }
.main.main-meet-tutors .section.section1 .inner.pagination .pagi-btn.older-posts a { background-position:-60px 0px; }
.main.main-meet-tutors .section.section1 .page-btns-wrap { float:left; }
.main.main-meet-tutors .section.section1 .page-btns-wrap p { float:left; color:#a6a4a4; line-height:26px; margin: 0 25px 0 0; font-size:1.5em; font-family:"LatoBold","Arial",sans-serif; }
.main.main-meet-tutors .section.section1 .page-btns-wrap a { float:left; display:block; width:25px; height:26px; line-height:26px; text-align:center; margin-right:12px; color:#a6a4a4; font-size:13px; background:transparent url(//cdn2.hubspot.net/hub/365438/file-612697249-png/layout/page-controls.png) 0 0 no-repeat; font-family:"LatoBold","Arial",sans-serif; }
.main.main-meet-tutors .section.section1 .page-btns-wrap a:hover { color:#cccccc; }
.main.main-meet-tutors .section.section1 .page-btns-wrap a.current { color:#ffffff; background-position:0 -40px; }
.main.main-meet-tutors .section.sectionC h2.headline-red { font-size:40px; }
/* Tutor Bios Blog added by April */
.tutor-bio-blog .blog-listing-wrapper .post-listing .post-item {
background: transparent url(//cdn2.hubspot.net/hub/365438/file-612699884-png/layout/section-divider-bottom.png) center top no-repeat;
padding: 50px 0;
}
.tutor-bio-blog .section-filter .inner {
max-width: 730px;
padding: 45px 0 20px 0;
}
.tutor-bio-blog .section-filter ul.filter-list {
float: left;
list-style: none;
margin-left: 10px;
}
.tutor-bio-blog .section-filter label {
float: left;
font-size: 1.5em;
height: 26px;
line-height: 26px;
font-weight: 400;
color: #a6a4a4;
}
.tutor-bio-blog .section {
position: relative;
width: 100%;
background: #fff;
clear: both;
}
.tutor-bio-blog .section-filter {
color: #494e55;
}
.tutor-bio-blog .section-filter ul.filter-list li {
float: left;
list-style: none;
font-size: 12px;
margin-left: 40px;
}
.tutor-bio-blog .section-filter ul.filter-list li a {
display: block;
height: 27px;
line-height: 27px;
margin-bottom: 5px;
color: #494e55;
background: url(//cdn2.hubspot.net/hub/365438/file-620919681-png/layout/btn-radio.png) 0 0 no-repeat;
cursor: pointer;
}
.tutor-bio-blog .section-filter ul.filter-list li a span {
padding: 0 20px 0 9px;
}
.tutor-bio-blog .section-intro .inner {
max-width:888px;/*1024*/ padding:50px 0 0 0;
}
.tutor-bio-blog .section-filter { color:#494e55; }
.tutor-bio-blog .section-filter .inner { max-width:730px;/*1024*/ padding:45px 0 20px 0; }
.tutor-bio-blog .section-filter .inner-bottom { max-width:1024px; height:14px; margin:0 auto; background:transparent url(//cdn2.hubspot.net/hub/365438/file-612699884-png/layout/section-divider-bottom.png) 0 bottom no-repeat; }
.tutor-bio-blog .section-filter label { float:left; font-size:1.5em; height:26px; line-height:26px; font-weight:400; color:#a6a4a4; }
.tutor-bio-blog .section-filter ul.filter-list { float:left; list-style:none; margin-left:10px; }
.tutor-bio-blog .section-filter ul.filter-list li { float:left; list-style:none; font-size:12px; margin-left:40px; }
.tutor-bio-blog .section-filter ul.filter-list li a { display:block; height:27px; line-height:27px; margin-bottom:5px; color:#494e55; background:url(//cdn2.hubspot.net/hub/365438/file-620919681-png/layout/btn-radio.png) 0 0 no-repeat; cursor:pointer; }
.tutor-bio-blog .section-filter ul.filter-list li a:hover{ background-position:left bottom; }
.tutor-bio-blog .section-filter ul.filter-list li a:active{ background-position:left bottom; }
.tutor-bio-blog .section-filter ul.filter-list li a span { padding:0 20px 0 9px; }
.tutor-bio-blog .section-filter ul.filter-list li a:active span { color:#ffffff; }
.tutor-bio-blog .section-filter ul.filter-list li a:hover span{ color:#ffffff; }
.tutor-bio-blog .bio-photo { position:relative; padding-left:20px; padding-top:0; margin-bottom:40px; }
.tutor-bio-blog .bio-photo img { display:block; max-width:266px; height:266px;width: 100%; }
.tutor-bio-blog .bio-photo .photo-overlay { position:absolute; top:25px; left:20px; width:266px; height:266px; background:transparent url(//cdn2.hubspot.net/hub/365438/file-617256443-png/layout/circle-mask-white.png) 0 0 no-repeat; z-index:10; }
.tutor-bio-blog .sub-section.even .bio-photo .photo-overlay { background:transparent url(//cdn2.hubspot.net/hub/365438/file-612629184-png/layout/circle-mask-gray.png) 0 0 no-repeat; }
.tutor-bio-blog .blog-section {
padding: 0 70px;
background: white;
}
/****************************************************
MedSchool Experience
****************************************************/
.main.main-experience .section .inner { max-width:900px; /*1024*/ padding:80px 0 130px 0; }
.main.main-experience .section .section-title { padding-left:10px; text-align:left; padding-bottom:20px; }
.main.main-experience .section h2 { margin-bottom:20px; }
.main.main-experience .section p { width:80%; }
.main.main-experience .section .col-left { float:left; max-width:370px; min-height:400px; }
.main.main-experience .section .col-right { float:right; max-width:500px; min-height:400px; }
.main.main-experience .section .logo-image { padding:5px 0; }
/****************************************************
LEGAL Page
****************************************************/
.main.main-legal h1.page-title { top:70px; width:80%; color:#655e66; font-size:40px; max-width: none; }
.main.main-legal .banner-wrap { height:180px; background:#f9f9f9; }
.main.main-legal .banner { height:180px; }
.main.main-legal .section .inner { max-width:888px;/*1024*/ padding:60px 0 75px 0; background:url("//cdn2.hubspot.net/hub/365438/file-583873464-png/layout/section-divider-top.png") no-repeat scroll center bottom transparent; }
.main.main-legal .section.content .inner { padding:50px 0 120px 0; background:0; }
.main.main-legal .section.content .inner .color-red { color:#ed3324; font-size:12px; font-weight:600; padding-right:5px; }
/****************************************************
CAREERS Page
****************************************************/
.main.main-careers h1.page-title { top:70px; width:80%; color:#655e66; font-size:40px; }
.main.main-careers .banner-wrap { height:180px; background:#f9f9f9; }
.main.main-careers .banner { height:180px; }
.main.main-careers .section .inner { max-width:888px;/*1024*/ padding:80px 0 100px 0; }
.main.main-careers .section.job-listing .inner { max-width:888px;/*1024*/ padding:60px 0 75px 0; }
.main.main-careers .section.job-listing.odd { background-color:#f9fafa; }
.main.main-careers .section.job-listing.odd .inner-top { width:888px; height:14px; margin:0 auto; background: url("//cdn2.hubspot.net/hub/365438/file-583873464-png/layout/section-divider-top.png") no-repeat scroll center 0; }
.main.main-careers .section.job-listing.odd .inner-bottom { width:888px; height:14px; margin:0 auto; background: url("//cdn2.hubspot.net/hub/365438/file-612699884-png/layout/section-divider-bottom.png") no-repeat scroll center 0; }
.main.main-careers .section.job-listing .col-onethird { width:28%; }
.main.main-careers .section.job-listing .col-twothirds { width:72%; }
.main.main-careers .section.job-listing h3.headline { }
.main.main-careers .section.job-listing h4 { margin-bottom:12px; margin-top:30px; text-transform:uppercase; font-family:"LatoLight","Arial",sans-serif; }
.main.main-careers .section.job-listing {}
.main.main-careers .section.job-listing {}
.main.main-careers .section.job-listing img { width:136px; height:136px; }
/************
MST PAge
************/
.main.main-about .section.testimonials { background-color:#494e55; }
.main.main-about .section.testimonials .inner {
max-width: 888px;
padding: 35px 0 0px 0;
position: relative;
min-height: 400px;
}
.main.main-about .section.testimonials p {
color: #ffffff;
font-size: 1.8em;
line-height: 1.4em;
text-align: right;
font-family: 'LatoLight', Arial, Helvetica, sans-serif;
font-weight: normal;
}
.main.main-about .section.testimonials .col-onethird {
position: absolute;
bottom: 0;
right: 10px;
}
.main.main-about .section.testimonials img {
margin-top: 5px;
margin-bottom: 0px;
float: left;
}
.main.main-about .section.section4 .col-onethird { width:28%; padding-left:35px; background:transparent url(//cdn2.hubspot.net/hub/365438/file-620442631-png/layout/bg_shadow_angle.png) no-repeat 0 0; }
.main.main-about .section.section4 img { float: right; margin: 50px 26px 40px 0;}
.main.main-about .section.section4 .inner {
max-width: 888px;
padding: 40px 0 70px 0;
}
/****************************************************
Question & Answer Section
****************************************************/
#sectionQA { display:none; }
#sectionQA .inner { max-width:898px;/*1024*/ padding:40px 0 70px 0; }
#sectionQA h3.subheadline { font-size:2.2em; }
#sectionQA p.text a { color:#ed3324; font-family:"Latobold","Arial",sans-serif; }
#sectionQA p.text a:hover { color:#a6a4a4; }
#sectionQA p.text a:active { color:#cccccc; }
#sectionQA .divider { width:100%; height:24px; margin-top:40px; background:url(//cdn2.hubspot.net/hub/365438/file-614148799-png/layout/divider24.png) 0 0 no-repeat; }
#sectionQA ul { list-style:none; margin:4px 0 40px 0; }
#sectionQA ul li { list-style:none; border-bottom:1px solid #dadada; margin:0; font-size:15px; }
#sectionQA .question { font-size:15px; color:#ed3324; height:57px; line-height:57px; margin:0; padding-left:26px; background:url(//cdn2.hubspot.net/hub/365438/file-621292289-png/layout/arrows-acc-1.png) 0 8px no-repeat; font-family:"Latobold","Arial",sans-serif; cursor:pointer; }
#sectionQA .question.open { background-position: 0 -51px; }
#sectionQA .answer { font-size:15px; padding-left:26px; margin:5px 0 15px 0; }
#sectionQA .answer p, #sectionQA .question p { font-size:15px; }
/* Mid Section */
.sectionMid { background: url(//cdn2.hubspot.net/hub/365438/file-618280758-jpg/layout/midRepeatBg.jpg) repeat-x !important; height: 272px; color: #fff; }
.sectionMid .inner { width:888px !important;/*1024*/ padding:0; position: relative; }
.sectionMid .innerbg { background: url(//cdn2.hubspot.net/hub/365438/file-623176480-png/layout/sectionMid.png) -85px 0 no-repeat; position:absolute; top:32px; left:0; z-index:5; width:888px; height:240px; }
.sectionMid .col-half { width: 39% !important; position: relative; z-index: 10 }
.sectionMid .col-half.left { padding-top: 70px; }
.sectionMid .col-half.right { padding-top: 32px; width: 43% !important; }
.sectionMid p { color: #a6a4a4; margin: 10px 0 0 25px; float: left; width: 203px; }
.sectionMid span { background: url(//cdn2.hubspot.net/hub/365438/file-613836864-png/layout/contactArrow.png) no-repeat; width: 16px; height: 28px; position: absolute; top: 227px; right: 150px; z-index: 10 }
.sectionMid a.midLink { position: absolute; top: 230px; right: 0; font-size: 17px; color: #fff; z-index: 10 }
.sectionMid a.midLink:hover { color: #ed3324 }
.sectionMid img { float: left; }
.sectionMid h1 { font-family: 'ExoLight', Arial, Helvetica, sans-serif; line-height: 36px; }
.sectionMid .midDivider { background: url() no-repeat; width: 160px; height: 157px; position: absolute; top: 41px; left: 341px; }
.section1b .col-score p.score {
font-family: "LatoBlack", arial, sans-serif !important;
font-weight: normal !important;
}
.main.main-home .section.section2 h2,
.main.main-home .section.section6 h2 {
font-family: "LatoBlack", arial, sans-serif;
}
/* ==========================================================================
Mobile
========================================================================== */
/* Large Desktop
========================================================================== */
@media (min-width: 1200px) {}
@media (min-width: 768px) and (max-width: 1024px) {
.custom_second-background {
background-position: 31% 0;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li {
padding-left: 0;
background: none;
}
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch,
.custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li.active-branch > a {
background: none #ED3324;
margin: 0;
padding-right: 8px;
}
.sections > div {
padding: 0 20px;
}
.footer-container .page-center {
padding: 28px 10px 15px;
}
.section.section3 iframe {width: 100%;}
.section.section2 .inner {max-width: 772px;width: auto;}
.section.section3 .inner {max-width: 822px;width: auto;}
.section.section4 .inner {max-width: 822px;width: auto;}
.section.section5 .inner {max-width: 822px;width: auto;}
.section.section6 .inner {max-width: 842px;width: auto;}
.main.main-home .hs_cos_flex-slider .hs_cos_flex-control-nav {
bottom: 12%;
width: 20%;
}
.main-home .custom-menu-primary .cell-wrapper .hs-menu-wrapper > ul > li {
padding-left: 0!important;
}
.custom-contact .custom_first-backgr .custom_first-form form > div.hs_submit {
float: left;
width: 40%;
}
.custom-contact .custom_first-backgr .custom_first-form, .custom-contact .custom_second-backgr .custom_second-form {
padding: 20px;
}
}
/* Landscape phone to portrait tablet
========================================================================== */
@media (max-width: 767px) {
/* Header */
.custom_header-text {
padding: 0 10px;
}
.custom_second-background {
background: #494E55;
}
.custom_top-back {
background: none #3B4046;
margin: 0;
padding: 50px 0 20px;
}
.custom_logo {
padding: 5px 0;
text-align: center;
}
.custom-menu-primary .cell-wrapper {
padding: 0;
margin: 0;
}
/* Sub Menu */
.submenu-wrap {
height: auto;
}
.submenu-wrap .cell-wrapper {
height: auto;
}
.submenu-wrap .cell-wrapper ul {
margin-left: 0;
float: none;
}
.submenu-wrap .cell-wrapper ul li {
height: auto;
}
.submenu-wrap .cell-wrapper ul li a {
background: none;
padding: 15px 20px;
line-height: normal;
}
/* Misc */
.col-twothirds {
width: 100%!important;
}
.col-onethird {
width: 100%!important;
}
.sections .inner {
padding: 20px!important;
}
ul {
margin-left: 0!important;
}
/* Footer */
.footer-container .page-center {
padding: 20px;
}
.footer-container .col-twothirds {
height: auto;
background: none #EEEEEE;
padding: 0 20px;
margin: 0;
}
.juiz_last_tweet_inside {
margin-left: 0;
}
ul.juiz_last_tweet_tweetlist li {
width: auto;
}
.juiz_last_tweet_url {
display: block;
}
.footer-container .col-onethird.social-links{
margin: 0;
}
.social-links a.social-link {
float: left!important;
}
.main .banner p.btn-goto-form,
.tutor-bio-blog .banner p.btn-goto-form{
left: 30px;
}
h1.page-title{
left: 38px;
}
#sectionQA ul {
padding-left: 0;
}
#sectionQA .question {
padding-left: 0;
height: auto;
}
#sectionQA .answer {
height: auto;
padding-left: 0;
}
.main.main-home .hs_cos_flex-slider .caption,
.main.main-home .hs_cos_flex-slider .caption div,
.main.main-home .hs_cos_flex-slider .hs_cos_flex-control-nav {
position: static;
padding: 5px 20px;
margin: 0;
width: auto;
}
.main.main-home .hs_cos_flex-slider .headline-red {width: auto;}
.main.main-home .col-twofifths,
.main.main-home .col-half,
.main.main-home .section.section6 .inner,
.main.main-home .section.section5 .inner,
.main.main-home .section.section4 .inner,
.main.main-home .section.section3 .inner,
.main.main-home .section.section2 .inner {
width: 100%;
}
.main.main-home .section.section2 h2 {
font-size: 250%;
}
.main.main-home .block.block-R1,
.main.main-home .block.block-L1 {margin: 0!important;padding: 16px 0;}
.main.main-home .section.section6 .block img {
position: static;
}
.main.main-home .section.section6 .block .line-segment-L,
.main.main-home .section.section6 .block .line-segment-R,
.main.main-home .col-onefifth {display: none;}
.custom-contact .custom_first-backgr .custom_first-form, .custom-contact .custom_second-backgr .custom_second-form {
padding: 20px;
}
.custom-contact .custom_first-backgr .custom_first-form form > div,
.custom-contact .custom_first-backgr .custom_first-form form > div.hs_select_exam {
float: none;
width: auto;
margin: 5px 0;
}
.hs_cos_wrapper_type_form .hs-form-field > label > span {display: none;}
.main.main-meet-tutors .section-filter ul.filter-list {
margin-left: 0;
padding-left: 0;
}
.main.main-meet-tutors .section-filter ul.filter-list li {
margin-left: 20px;
}
.main.main-meet-tutors .section.section1 .col-half.right,
.main.main-meet-tutors .section.section1 .col-half.left{
width: 100%;
padding-left: 0;
}
.main.main-meet-tutors .bio-photo {
margin-left: -20px;.main.main-meet-tutors .bio-photo
}
.main.main-meet-tutors .bio-reviews,
.main.main-meet-tutors .bio-qualifier {
background: none;
margin: 15px 0;
}
h1.page-title {
top: 30px;
}
.main.main-exam-prep h1.page-title {
width: 80%;
}
.main.main-exam-prep .section.section3 .col-onethird {
position: static;
width: auto;
}
.main.main-exam-prep h1.page-title {
width: auto;
}
.sectionMid {height: auto;}
.sectionMid span,
.sectionMid .innerbg {
display: none!important;
}
.sectionMid .col-half.right,
.sectionMid .col-half.left {
width: 100%!important;
float: none!important;
padding: 10px 0;
}
.sectionMid .inner {
width: 100%!important;
height: auto;
background: none #494E54;
float: none!important;
position: static;
}
.sectionMid a.midLink {
position: static;
}
.sectionMid img,
.sectionMid p {
float: none;
width: auto;
margin: 5px 0;
}
.main.main-careers .section.job-listing.odd .inner-top,
.main.main-careers .section.job-listing.odd .inner-bottom {
display: none;
}
.main .section .inner {
padding: 20px;
}
.main.main-about .section.section1 .inner {
padding: 40px 20px;
}
#sectionQA .question {
height: auto;
line-height: normal;
}
.main.main-about .section.section2,
.main.main-about .section.section2 .inner {
background: none #494E55;
}
.main.main-about .section.section2 .tutor-link {
position: static;
}
.main.main-about .section.section2 .inner {
height: auto;
}
.main.main-about .section.section2 .col-one {
width: 100%;
}
.main.main-about .section.section2 .col-inner.right,
.main.main-about .section.section2 .col-inner.left {
width: 50%;
}
.main.main-about .section.section2 .col-inner h4 {
font-size: 30px;
}
.main.main-about .section.section2 .col-two,
.main.main-about .section.section2 .col-three {
width: 50%;
}
.main.main-about .section.testimonials .col-onethird {
position: static;
}
.main.main-home .footer-container-wrapper {
padding-top: 100px;
}
.contact-icon {
width: 45%;
margin: 0 !important;
}
.custom-contact .center p {
font-size: 18px;
}
}
input
/* Landscape phones and down
========================================================================== */
@media (max-width: 480px) {
.tutor-bio-blog .blog-section {
padding-left: 10px;
}
}
/* iPhone
========================================================================== */
@media (max-width: 320px) {}
.facebook-widget{
background: #ffffff !important;
}
a {
color: #91C9D2;
}
/* Tutor Bios Blog Styling- added by April */
.tutor-bio-blog .body-container p {
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.tutor-bio-blog .blog-pagination .all-posts-link {
display: none;
}