/* -------------------- Narrow Cards Continued -------------- */ @media only screen and (max-width: 851px) { .columns-container .narrowcard:nth-child(4) { margin-right: -20px; } .columns-container .narrowcard:nth-child(5) { margin-left: -20px; } } @media only screen and (max-width: 627px) { .columns-container .narrowcard { margin-right: auto; margin-left: auto; } .columns-container .narrowcard:nth-child(4) { margin-right: auto; margin-left: auto; } .columns-container .narrowcard:nth-child(5) { margin-right: auto; margin-left: auto; } } /* -------------------- Statebox Continued -------------- */ .state-box a{ font-family: Avenir Roman,sans-serif !important; font-size: 18px; text-align: center; } .state-box .sldiv { width: 160px; /*float: left;*/ text-align: left; } .statelink{ width: auto !important; } .slcont{ padding-left:6%; } .selectST{ color:#f59223 !important; } .selectST:hover{ color: #333 !important; } @media only screen and (max-width: 1121px) { .slcont{ padding-left:9%; } } @media only screen and (max-width: 979px) { .slcont{ padding-left:6%; } } @media only screen and (max-width: 720px) { .slcont{ padding-left:4%; } } @media only screen and (max-width: 539px) { .slcont{ padding-left:0%; } .state-box .sldiv { width: 100%; text-align: left; } } @media only screen and (max-width: 700px) { .state-box .sldiv { text-align: center; } } /**Tall feat box**/ @media only screen and (max-width: 440px) { .tall-feat{ margin-left: 15px; margin-right: 15px; } } .h3s2{ padding-bottom: 30px !important; padding-top: 30px !important; } .tf-textcont2{ height: 160px; } .tf-style2{ height: 160px; font-size: 18px; line-height: 26px; padding-top: 30px; } .tall-feat-btn-cont a{ color: #fff; } .tall-feat-btn-cont a:hover{ color: #fff !important; } .tall-feat-btn-cont:hover{ color: #fff !important; background: #333 !important; } .procta { background: #fff; /*position: relative; */ /*left: -50%; */ border: solid 1px; /*top:75px;*/ } .procta:hover{ background: #263273 !important; border: #263273 solid 1px !important; color: #ffffff !important; } a.procta:hover { color: #FFFFFF; } .tfb2{ flex:1 1 auto; } /*Only run if there are 2 tall feature boxes*/ .columns-container .tall-feat:nth-child(1):nth-last-child(2), .columns-container .tall-feat:nth-child(2):nth-last-child(1){ max-width: 378px; margin-left: 10px; margin-right: 10px; } .columns-container .tall-feat:nth-child(1):nth-last-child(2):parent, .columns-container .tall-feat:nth-child(2):nth-last-child(1):parent{ justify-content: center; } /** Pro dropdown**/ .widePROD{ padding-top: 40px; padding-bottom: 40px; width:100%; height:auto; margin-top:-55px; margin-bottom:30px; padding-left:0px; padding-right:0px; } .proddHeader{ width: 400px !important; /*float: left;*/ font-family: 'Amasis MT Bold', serif !important; font-size: 2rem; line-height: 30px; text-align: center; padding-left: 100px; padding-top: 5px; } .proddText{ /* if this is 266 the column is too narrow on the homepage */ width: 100%; /*float: left;*/ /*padding-top: 0.625rem;*/ font-family: 'Lato Regular', sans-serif !important; font-size: 1.125rem !important; text-align: center !important; /*margin: -25% auto 0;*/ color: #666; position: absolute; top:175px; } .proddCTA{ width: 298px !important; position: relative; right: 0px; } .divcta { width: 100%; position: absolute; top:260px; } @media only screen and (max-width: 1200px) { .widePROD{ text-align: center; background: #fff; padding-bottom: 0px; padding-left: 14px; padding-right: 14px; margin-top: 65px; margin-bottom: 65px; height: auto; width: 294px; position: relative; } .proddHeader{ text-align: center; padding-bottom: 20px; padding-top: 0px; padding-left: 24px; padding-right: 24px; } .proddText{ padding-top: 0px; height: auto; font-family: Lato Regular,sans-serif !important; font-size: 18px !important; height: 110px; } .proddCTA{ padding-top: 30px; padding-bottom: 50px; position: relative; right: auto; } .proddText,.proddHeader,.proddCTA{ /* width: 100% !important; */ float: none; } } .columns-container .acont:nth-child(1):nth-last-child(2), .columns-container .acont:nth-child(2):nth-last-child(1){ flex: 1 0 auto; margin-left: 2px; margin-right: 2px; } .columns-container .acont:nth-child(1):nth-last-child(2):parent, .columns-container .acont:nth-child(2):nth-last-child(1):parent{ justify-content: center !important; } .fp_cta_cont_btn:hover{ color:#fff; background: #333 !important; } .app-prod:hover .app_prod_link{ color:#333 !important; } .tl_cta:hover{ background: #263273 !important; color:#fff !important; } .tl_cta:hover a{ color:#fff !important; } /*About us slider*/ @media screen and (min-width: 64rem){ .facts-carousel.slick-slider { margin-bottom: 2rem !important; } } @media screen and (min-width: 40rem){ .facts-carousel .slick-arrow { /* margin-top: -1rem; */ } } .facts-carousel .slick-dots { bottom: -2.25rem !important; } @media screen and (max-width:480px){ .columns-container .acont:nth-child(1):nth-last-child(2), .columns-container .acont:nth-child(2):nth-last-child(1){ flex: none !important; } } .sform1000{ display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: 8px !important; width: 15rem !important; } .sform032684{ /* border:1px solid #900; */ /* display: block !important; */ margin-left: auto !important; margin-right: auto !important; margin-top: 8px !important; /* width: 28rem !important; */ /* width: 22rem !important; */ } .stacked-buttons-section .multi-column-section .single-column-container form, .stacked-buttons-section .vc_column_container form { width: 100% !important; } form.select-state .dropdown .dropdown-label, form.select-state .dropdown.color-pumpkin .select-box.show-menu .label-text { color: #333 !important; } .select-state .dropdown { width: auto !important; } @media screen and (min-width:60rem){ .stacked-buttons-section .multi-column-section .single-column-container form, .stacked-buttons-section .vc_column_container form { max-width: 532px !important; } } @media screen and (min-width: 64rem) { .course-search-form { display: -webkit-box; /* display: -ms-flexbox; */ display: flex; -webkit-box-pack: center; /* -ms-flex-pack: center; */ justify-content: center; } /* Keep the center dropdowns a min-wdith to keep the text from getting bunched up */ #serieslist { min-width: 375px; } #stateslist { min-width: 375px; } }