/* CSS Document */

/* ********** THESE ARE STYLES USED FOR SUB-PAGES ON THE SULLIVAN ON COMP SITE **********

    * Privacy Policy
    * Terms of Service
    * Landing Pages
    * Subscription Confirmation Pages

************************************************************************************** */


/*------ 

PRIVACY POLICY & TERMS OF USE PAGE STYLES
NOTE: privacy and terms classes are added to body via a script on the webpage control panel at Advanced Options > Additional code snippets > Footer HTML

------ */


    /* navigation styles */
.privacy #cd-lateral-nav a.privacyMenu,
.terms #cd-lateral-nav a.termsMenu,
.privacy footer a.privacyLink, 
.terms footer a.termsLink {
    color:#eec403;
    cursor:default;
}
.privacy footer a.privacyLink:hover, 
.terms footer a.termsLink:hover {
    color:#eec403;
}
.privacy section {
    padding:4.0rem 0 10.0rem 0;
}
.terms section {
    padding:4.0rem 0 12.0rem 0;
}
.privacy h1, 
.terms h1 {
    font-size:3.2rem;
    line-height:4.4rem;
    margin:0;
    font-weight:300;
    text-align: left;
    max-width:80%;
}
.privacy main p,
.privacy main li,
.terms main p,
.terms main li {
    font-size:1.6rem;
    line-height:2.2rem;
    margin-top:0;
}
.privacy main li,
.terms main li {
    margin-bottom:20px;
}
.privacy main li > ul,
.terms main li > ul {
    margin-top:20px;
}
.terms ol > li > ul {
    list-style: upper-alpha;
}



/*------ 

SOC BLOG STYLES

------ */



/* ---------- blog main page ---------- */

.socBlog section {
    padding:3.0rem 0 10.5rem 0;
}

    /* left blog column */

.socBlog .post-item {
    padding:50px 0;
    border-bottom:1px solid #ccc;
}
.socBlog .post-item:first-of-type {
    padding:40px 0 50px 0;
    border-bottom:1px solid #ccc;
}
.socBlog .post-item:last-of-type {
    border-bottom:none;
}
.socBlog h1.blogTitle a {
    font-family:'Open Sans',sans-serif;
    font-weight:300;
    font-size:3.6rem;
    color:#333;
    padding:0;
}
.socBlog h1.blogTitle a:hover {
    color:#eec403;
    text-decoration:none
}
.socBlog .post-header {
    margin-left:0;
    text-align:left;
}
.socBlog .post-header h2 {
    font-family:'Open Sans',sans-serif;
    font-weight:300;
    margin:0;
    text-align:left;
    font-size:2.8rem;
    line-height:3.4rem;
}
.socBlog .post-header h2 a {
    margin-left:0;
    text-align:left;
    color:#333;
}
.socBlog .post-header h2 a:hover {
    text-decoration:none;
    color:#eec403;
}
.socBlog #hubspot-author_data {
    font-size:1.6rem;
    line-height:2.6rem;
    margin:16px 0 0 0;
}
.socBlog ul.hs-blog-social-share-list {
    margin:0;
}
.socBlog ul.hs-blog-social-share-list li {
    margin-top:0;
    padding-top:0;
}
.socBlog ul.hs-blog-social-share-list li:first-of-type {
    margin-top:4px;
    margin-right:4px;
}
.socBlog ul.hs-blog-social-share-list li button {
    -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
}
.socBlog .post-body {
    padding:40px 0 0 0;
}
    /* set main font size for blog elements here */
.socBlog .post-body p,
.socBlog .custom_listing_comments,
.socBlog #hubspot-topic_data,
.socBlog .more-link,
.socBlog .blog-pagination {
    font-size:1.6rem;
    line-height:2.6rem;
}
.socBlog .more-link::before {
    content: '→ ';
}
    /* code to manually remove comments, as blog settings only handle this sporadically. Remove this style if blog comments feature is tuned on */ 
.socBlog .custom_listing_comments {
    display:none;
}
.socBlog .blog-pagination {
    text-align:center;
    padding:20px;
    background-color:#e0e0e0;
    display:table;
    margin:30px auto -10px auto;
    -moz-border-radius:10px; 
        -webkit-border-radius:10px; 
        border-radius:10px; 
}
.socBlog .blog-pagination a { 
    margin:0 20px;
}

    /* right blog column */

.socBlog .widget-type-blog_subscribe {
    margin-top:14px;
    padding:20px 20px 30px 20px;
    background-color:#e0e0e0;
    -moz-border-radius:10px; 
        -webkit-border-radius:10px; 
        border-radius:10px; 
}
.socBlog .widget-type-blog_subscribe h3 {
    margin-bottom:20px;
}
.socBlog .widget-type-blog_subscribe label {
    font-size:1.6rem;
}
.socBlog .widget-type-blog_subscribe input[type="text"],
.socBlog .widget-type-blog_subscribe input[type="email"] {
    border:1px solid #ccc;
}
.socBlog .widget-type-blog_subscribe input[type="text"],
.socBlog .widget-type-blog_subscribe input[type="email"],
.socBlog .widget-type-blog_subscribe select {
    margin-top:6px;
    margin-bottom:20px;
    font-size:1.6rem;
}
.socBlog .widget-type-blog_subscribe option {
    font-size:1.6rem;
}
.socBlog .widget-type-blog_subscribe input[type="radio"] {
    margin-right:10px;
}
.socBlog .widget-type-blog_subscribe input[type="submit"] {
    border:1px solid #000;
}
.socBlog ul.hs-error-msgs {
    padding:0;
    margin:0;
}
.socBlog ul.hs-error-msgs > li > label {
    font-size:12px;
    line-height:normal;
    display:block;
    color:red;
    padding-left:0;
    margin-top:-10px;
    margin-bottom:20px;
}
.socBlog .widget-type-post_listing ul,
.socBlog .widget-type-post_filter ul {
    list-style:none;
    margin-left:0;
    padding-left:0;
}
.socBlog .widget-type-post_listing ul li,
.socBlog .widget-type-post_filter ul li {
    padding-left:30px;
    text-indent:-30px;
    margin-bottom:10px;
}
.socBlog .widget-type-post_listing ul li:before,
.socBlog .widget-type-post_filter ul li:before {
    content: '→';
    padding-right: 5px;
}
.socBlog .widget-type-post_listing {
    margin: 30px 0;
}

/* ---------- blog post detail page ---------- */

.socBlog .post-header h1 {
    font-family:'Open Sans',sans-serif;
    font-weight:300;
    margin:0;
    text-align:left;
    font-size:2.8rem;
    line-height:3.4rem;
    margin-top:40px;
}
.socBlog .hs-author-avatar img {
    -moz-border-radius:50%; 
        -webkit-border-radius:50%; 
        border-radius:50%;
    margin:4px 0;
}
.socBlog .hs-author-social-label {
    color:#666;
    font-size:1.2rem;
    margin-right:6px;
}
.socBlog #hubspot-topic_data {
     margin-top:40px;
}

/* ---------- blog author detail page ---------- */

.socBlog .hs-author-profile {
    width:90%;
    margin:40px auto 0 auto;
    border:1px solid #ccc;
    padding:5px 20px 20px 20px;
    background-color:#fff;
    -moz-border-radius:10px; 
        -webkit-border-radius:10px; 
        border-radius:10px; 
    box-sizing:border-box;
}
.socBlog h2.hs-author-name {
    font-size:2.4rem;
    text-align:left;
    margin:0;
    padding:0;
}
.socBlog .hs-author-avatar {
    float:left;
    width:100px;
}
.socBlog .hs-author-bio {
    float:right;
    width: calc(100% - 100px);
    font-size:1.4rem;
    line-height:2.4rem;
    margin-bottom:8px;
}
.socBlog .hs-author-profile .hs-author-social-section {
    clear:both;
    margin-left:100px;
}
.socBlog h3.hs-author-listing-header {
    font-size:3.2rem;
    margin:50px auto 0 auto;
    text-align:center;
}

/* ---------- blog post listing page ---------- */

.socBlog div.post-listing-simple {
    margin-top:40px;
}
.socBlog h2.post-listing-simple  {
    margin-left:0;
    text-align:left;
    font-size:2.0rem;
    line-height:2.8rem;
    margin-bottom:10px;
}
.socBlog h2.post-listing-simple a {
    color:#333;
}
.socBlog h2.post-listing-simple a:hover {
    text-decoration:none;
    color:#eec403;
}
.socBlog .post-listing-simple .post-item {
    padding:0;
    border-bottom:none;
}



/*------ 

LANDING PAGE STYLES

------ */



body.landingPage {
    background-color:#000;
}
.landingPage section {
    padding:4.0rem 0 12.5rem 0;
}
.landingPage h1 {
    font-family:'Open Sans', sans-serif;
    font-size:3.2rem;
    line-height:4.4rem;
    margin:0 0 2.0rem 0;
    font-weight:300;
    text-align:center;
}
.landingPage p,
.landingPage li {
    font-size:1.6rem;
    line-height:2.4rem;
    margin-top:0;
}
.landingPage .formContainer {
    background-color:#f0f0f0; 
    padding:30px 20px 40px 20px; 
    margin-top:40px;
    -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
    box-sizing: border-box;
    border:1px solid #ccc;
}
.landingPage h3 {
    margin:0 auto 2.0rem auto;
    display:table;
}
.landingPage .disclaimerContainer p {
    font-size:1.2rem;
    margin-top:10px;
    line-height:1.6rem;
}

/* ---------- 2 column landing page styles ---------- */

.landingPage .leftCol {
    float:left;
    width:48%;
    box-sizing:border-box;
}
.landingPage .rightCol {
    float:right;
    width:48%;
    box-sizing:border-box;
}
.landingPage .rightCol img,
.landingPage .leftCol img {
    width:100%;
}

/* ---------- form styles ---------- */

.landingPage form {
    font-size:1.6rem;
    line-height:2.4rem;
    margin:0 auto;
    max-width:600px;
}
.landingPage form input {
    margin-bottom:10px;
}
.landingPage .hs-button {
    margin-top:20px;
    background:#000;
    background-image:none;
    color:#fff;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.4);
        -moz-box-shadow:0 3px 7px rgba(0,0,0,0.4);
        box-shadow:0 3px 7px rgba(0,0,0,0.4);
    -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    border:1px solid #000;
    text-shadow:none;
    -webkit-transition:all .25s ease-in-out 0s;
        -moz-transition:all .25s ease-in-out 0s;
        -o-transition:all .25s ease-in-out 0s;
        transition:all .25s ease-in-out 0s;
    font-size:1.6rem;
    text-transform:none;
    line-height:2.0rem;
    letter-spacing:0;
    padding:15px 25px 15px 25px;
    display:inline-block;
    cursor:pointer;
}
.landingPage .hs-button:hover {
    color:#eec403;
    background-image:none;
    text-decoration:none;
    -webkit-transition:all .25s ease-in-out 0s;
        -moz-transition:all .25s ease-in-out 0s;
        -o-transition:all .25s ease-in-out 0s;
        transition:all .25s ease-in-out 0s;
}

/* ---------- check unordered list styles ---------- */

.landingPage ul.checklist {
	text-align:left;
	padding-left:0;
    list-style: none;
   	list-style-position:outside;
    margin-left:0;
}
.landingPage ul.checklist li {
    background:url(https://www.sullivanoncomp.com/hubfs/images/ui-icons/check-solid.svg) no-repeat 1rem 0.4rem; 
    background-size: 1.6rem 1.6rem;
    padding-left:3.6rem;
	  margin-top:20px;
	  line-height:2.4rem;
}
.landingPage ul.checklist li .bullet-header {
	  font-size:1.8rem;
	  text-transform: uppercase;
}
.landingPage ul.checklist li p {
	  margin-top:0.4rem;
}

/* ---------- specific image styles ---------- */

.landingPage .articleLogo {
    display:block; 
    margin:0 auto 24px auto; 
    width:100%; 
    max-width:400px;
}



/*------ 

SOC UPDATE LANDING PAGE STYLES

------ */


.updateLandingPage section {
    padding:4.0rem 0 11rem 0;
}
.updateLandingPage main .textContainer {
    width:100%;
    max-width:888px;
    margin:0 auto;
    padding:0;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.4);
}
.updateLandingPage main img {
    width:100%;
    padding:0;
    margin-bottom:-2px;
}
.updateLandingPage .ctaContainer {
    background-color:#fff;
    margin:0 auto 0 auto;
    font-size:0;
    text-align:center;
    padding-bottom:6.0rem;
}
.updateLandingPage .ctaText {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    padding:16px 40px 0 0;
}
.updateLandingPage .ctaText p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:2.4rem; 
    font-weight:400; 
    color:#444;
    line-height:3.0rem;
    margin-bottom:0.8rem;
}
.updateLandingPage .ctaText strong {
    font-family: 'Oswald', sans-serif; 
    font-size:4.2rem; 
    color:#f3943a; 
    font-weight:700;
}
.updateLandingPage .ctaButton {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}
.updateLandingPage a.yellowBtn {
	font-family:'Open Sans',sans-serif;
	text-align:center;
	line-height:20px;
	padding:21px 40px 21px 40px;
	display:inline-block;
	-webkit-transition:all .25s ease-in-out 0s;
        -moz-transition:all .25s ease-in-out 0s;
        -o-transition:all .25s ease-in-out 0s;
        transition:all .25s ease-in-out 0s;
	text-transform:uppercase;
	background-color:#eec403;
	color:#fff;
	font-size: 18px;
	font-weight:300;
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.3);
	letter-spacing:1px;
    max-width:150px;
}
.updateLandingPage a.yellowBtn:hover {
	color:#eec403;
	background:#2d2d2d;
    text-decoration:none;
}



/*------ 

SUBSCRIPTION CONFIRMATION PAGE STYLES 
NOTE: online, books, and full classes are added to body via a script on the webpage control panel at Advanced Options > Additional code snippets > Footer HTML

------ */



body.subscriptionConfirmation {
    background-color:#000;
}
.subscriptionConfirmation section {
    padding:6.0rem 0 13.5rem 0;
}
.subscriptionConfirmation .contentContainer {
    max-width:1100px;
}
.subscriptionConfirmation .soc-image-container {
	float:left; 
    width:50%;
	margin-top:0;
    text-align: center;
}
.subscriptionConfirmation .soc-image-container img {
	width:100%; 
	height:auto;
    padding-top:15px;
    max-width:100%;
}
.subscriptionConfirmation .soc-text {
	float:right; 
    width:50%;
}
.subscriptionConfirmation h1 {
	font-size:4.0rem;
	line-height:4.8rem;
	margin:0;
	font-weight:300;
	text-align:center; 
 }
.subscriptionConfirmation h2 {
	font-size:2.4rem;
	line-height:3.2rem;
	margin:3.0rem 0 3.0rem 0;
    max-width:none;
    color:#666;
    text-align:left;
}
.subscriptionConfirmation p {
    font-size:1.6rem;
    line-height:2.4rem;
}

/* ---------- check unordered list styles ---------- */

.subscriptionConfirmation ul.checklist,
.adRequirements ul.checklist {
	  text-align:left;
	  padding-left:0;
    list-style: none;
   	list-style-position:outside;
    margin:30px 0 30px 0;
}
.subscriptionConfirmation ul.checklist li,
.adRequirements ul.checklist li {
    background:url(https://www.sullivanoncomp.com/hubfs/images/ui-icons/check-solid.svg) no-repeat 1rem 0.4rem; 
    background-size: 1.6rem 1.6rem;
    padding-left:3.6rem;
	  margin-top:10px;
	  line-height:2.4rem;
    font-size:1.6rem;
}



/*------ 

ORDER PAGE FOR SOC STAFF PAGE STYLES
NOTE: socOrderPage class is added to body via a script on the webpage control panel at Advanced Options > Additional code snippets > Footer HTML

------ */



.socOrderPage section {
    padding:4.0rem 0 12.0rem 0;
}
.socOrderPage h1 {
    font-size:3.2rem;
    line-height:4.4rem;
    margin:0;
    font-weight:300;
    text-align: left;
}
.socOrderPage h3 {
    text-transform:uppercase;
    font-size:2.2rem;
    line-height:3.0rem;
    padding-bottom:4px;
    border-bottom:1px solid #333;
    margin:20px 0;
}
.socOrderPage main p,
.socOrderPage main li {
    font-size:1.6rem;
    line-height:2.2rem;
    margin-top:0;
}
.socOrderPage ul > li > ul {
    margin:14px 0;
}



/*------ 

SOC AD REQUIREMENTS PAGE STYLES

------ */



/* check unordered list styles are set at SUBSCRIPTION CONFIRMATION PAGE STYLES above */

.adRequirements section {
    padding:4.0rem 0 12.0rem 0;
}
.adRequirements .textContainer {
    max-width:1200px;
}
.adRequirements h1 {
    font-size:3.2rem;
    line-height:4.4rem;
    margin:0;
    font-weight:300;
    text-align: left;
}
.adRequirements h2 {
    font-size:2.4rem;
    line-height:3.2rem;
    margin:0 0 2.0rem 0;
    text-align: left;
    max-width:none;
}
.adRequirements h3 {
    font-size:2.8rem;
    line-height:3.2rem;
    padding-bottom:4px;
    border-bottom:1px solid #333;
    margin:20px 0;
}
.adRequirements main p,
.adRequirements main li {
    font-size:1.6rem;
    line-height:2.4rem;
    margin-top:0;
}
.adRequirements .sampleAdsWrapper {
	margin:30px auto 10px auto;
	display:table;
	border-collapse:separate;
	border-spacing:20px;
}
.adRequirements .adImageContainer {
	display:table-cell;
	background-color:#ddd;
	padding:10px;
	vertical-align: top;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
}
.adRequirements .adImageContainer:first-of-type {
	width:300px;
}
.adRequirements .adImageContainer:nth-of-type(2) {
	width:230px;
}
.adRequirements .adImageContainer:nth-of-type(3) {
	width:219px;
}
.adRequirements .imageCaption p {
	font-size:14px;
	line-height: 20px;
	margin:0 0 10px 0;
	text-align:left;
}
.adRequirements p.captionHeading {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 10px 0;
}



/*------ 

APP DOWNLOAD PAGE STYLES

------ */



.appDownload .content-wrapper {
    margin:0 auto;
    width:92%;
    max-width:405px;
}
.appDownload .logo-container {
	background-color:#f6f6f6;
}
.appDownload .logo-container img {
	padding-top:20px;
	width:100%;
}
.appDownload .hand-container {
	background-color:#f6f6f6;
	text-align: center;
}
.appDownload .hand-container img {
	width: 305px;
	padding-top: 40px;
  margin-bottom:5px;
}
.appDownload .download-buttons {
	background-color:#333;
	padding:40px 0 14px 0;
	margin-top:-5px;
}
.appDownload .download-buttons img {
	width:100%;
	padding-bottom:20px;
}



/* ------ 

RESPONSIVE STYLES 

------ */



/* ------ FOR BIG DESKTOP UP ------ */

@media (min-width: 1800px) {  
    
    

}

/* ------ FOR DESKTOP DOWN ------ */

@media (max-width:1799px) { 
    
    

}

/* ------ FOR TABLET LANDCSAPE DOWN ------ */

 @media (max-width:1199px) { 
     
    .adRequirements .sampleAdsWrapper {
        border-spacing:10px;
    }
}

/* ------ FOR TABLET PORTRAIT DOWN ------ */

@media (max-width:899px) {  
    
    .updateLandingPage .ctaText p {
        font-size:2.0rem; 
        line-height:2.4rem;
    }    
    .updateLandingPage .ctaText strong {
        font-size:3.2rem; 
    }
    .subscriptionConfirmation.books section {
        padding:4.0rem 0 11.5rem 0;
    }
    .subscriptionConfirmation.online section {
        padding:4.0rem 0 7.5rem 0;
    }
    .subscriptionConfirmation.full section {
        padding:4.0rem 0 11.5rem 0;
    }
    .subscriptionConfirmation .soc-image-container {
        float:none; 
        width:100%;
        padding-top:36px;
    }
    .subscriptionConfirmation.online .soc-image-container img {
        margin-right:-38px;
    }
    .subscriptionConfirmation.full .soc-image-container img {
        margin-right:-20px;
    }
    .subscriptionConfirmation .soc-text {
        float:none; 
        width:100%;
    }
    .adRequirements .sampleAdsWrapper {
        margin:50px 0 50px 0;
        display:block;
        width:100%;
        border-spacing:0;
    }
    .adRequirements .adImageContainer {
        display:block;
        padding:20px 3% 20px 3%;
        margin:0 auto 20px auto;
    }
    .adRequirements .adImageContainer:first-of-type,
    .adRequirements .adImageContainer:nth-of-type(2),
    .adRequirements .adImageContainer:nth-of-type(3) {
        width:80%;
        max-width:400px;
        overflow:hidden;
    }
    .adRequirements .adImageContainer img {
        margin:10px auto 0 auto;
        display:block;
    }
    .adRequirements .imageCaption p {
        font-size:14px;
        line-height: 20px;
        margin:0 0 10px 0;
        text-align:center;
    }
    .adRequirements p.captionHeading {
        text-align:center;
        font-weight:bold;
        font-size:16px;
        margin:20px 0 14px 0;
    }
  
}

/* ------ FOR PHONE ------ */

@media (max-width: 599px) { 
    
    .landingPage h1,
    .subscriptionConfirmation h1,
    .socOrderPage h1,
    .adRequirements h1 {
        font-size:2.8rem;
        line-height:4.0rem;
    } 
    .subscriptionConfirmation h2,
    .adRequirements h2 {
        font-size:2.0rem;
        line-height:2.8rem;
    }
    .adRequirements h3 {
        font-size:2.4rem;
        line-height:3.2rem;
    }
    .socBlog section {
        padding:0.0rem 0 10.5rem 0;
    }
    .socBlog h1.blogTitle a {
        font-size:2.8rem;
        line-height:4.0rem;
    }
    .socBlog .post-header h2,
    .socBlog .post-header h1 {
        font-size:2.2rem;
        line-height:3.0rem;
    }
    .socBlog .post-item {
        padding:30px 0;
    }
  .socBlog .post-item:first-of-type {
        padding:10px 0 10px 0;
    }
    .socBlog h2.hs-author-name {
        font-size:2.2rem;
        margin:10px 0 0 0;
    }
    .socBlog h3.hs-author-listing-header {
        font-size:2.8rem;
        margin:30px auto 0 auto;
    }
    .socBlog .post-body {
        padding:20px 0 0 0;
    }
    .socBlog #hubspot-topic_data {
        margin-top:20px;
    }  
    .socBlog .post-header h1 {
        margin-top:10px;
    }
    .socBlog .hs-author-profile {
        width:100%;
        margin:20px auto 0 auto;
    }
    .socBlog .hs-author-avatar {
        float:none;
        margin-bottom:10px;
    }
    .socBlog .hs-author-bio {
        float:none;
        width:auto;
        margin-bottom:8px;
    }
    .socBlog .hs-author-profile .hs-author-social-section {
        margin-left:0;
    }  
    .socBlog div.post-listing-simple {
        margin-top:0;
    }  
    .landingPage .leftCol {
        float:none;
        width:100%;
    }
    .landingPage .rightCol {
        margin-top:2.2rem;
        float:none;
        width:100%;
    }
    .updateLandingPage .ctaText {
        display:block;
        padding:1.0rem 0 3.0rem 0;
    }
    .updateLandingPage .ctaButton {
        display:block;
        text-align:center;
    }  
  
}



/* ------ 

STYLES FOR SPECIFIC BREAKPOINTS (DON'T CARRY OVER TO SUBSEQUENT, SMALLER BREAKPOINTS) 

------ */



/* ------ FOR TABLET PORTRAIT ONLY ------ */

@media (max-width:899px) and (min-width: 600px) {
    
}



/* ------ 

IE & EDGE STYLES 

------ */



/* ---------- IE 9 specific styles ---------- */



/* ---------- Microsoft Edge specific styles ---------- */