/* Theme Name: Responsive TTG Child Theme Template: tutoring-theme-no-spaces Description: Supports June2019 Bootstrapification of tutoring-theme-no-spaces, Bootstrap 4 Author: the WordPress team, That Tutor Guy team, Mitchell Gamelin Version: 2.0 */ /* @import url('css/normalize.css'); */ .center-wrap { max-width: 1200px; /* Change width of entire content */ height: 100%; margin: auto;}body {background-image: url('images/background.jpg');}/* ------ Header Containers ------ */#logo-search-container{ width: 100%; height: 75px; background-color: #ffffff; z-index: 100; top: 0px;} #main-nav-container{ width: 100%; height: 30px; background-color: rgb(102, 102, 102); z-index: 999999; top: 75px; } #math-container { width: 880px; height: 30px; background: rgb(49, 49, 49); border-radius: 0px 0px 8px 8px; top: 105px; position: absolute; z-index: 99; /*box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);*/} #science-container, #test-prep-container { width: 264px; margin-left: 77px; height: 30px; background: rgb(49, 49, 49); border-radius: 0px 0px 8px 8px; top: 105px; z-index: 100; position: absolute; visibility: hidden; /*box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);*/} #test-prep-container {margin-left: 50px; width: 1100px;} #header-container-bootstrapped {max-width: 1600px !important; margin: 0 auto !important;} div#qm {display: none !important;} #logoimg, #logodiv {width: 300px; background-position: center; background-repeat: no-repeat; float: left;} .navbar {padding: 0 0px 0 10px; width: 100%; max-width: 1400px; margin: 0 auto;} .navbar-collapse {margin-bottom: 20px; top: 10px !important;} #navbar-site .container-fluid {padding-left: 10px; padding-right: 0px; margin-right: 0px; margin-left: 0; } .navbar-toggler {font-size: 30px !important; margin-right: 8px; float: right; margin-top: 4px; padding-right: 4px; } .navbar-nav a {color: #555; font-size: 18px; margin-top: 0px; padding: 2px 5px;} .navbar-nav a:hover {color: #777;} #scroll-search-desktop { background: rgb(255,255,255); border-radius: 3px 6px 6px 3px; height: 20px; margin-top: 0px; margin-left: 0px; line-height: 16px; position: relative; top: 0; right: 5px; width: 170px;} #scroll-search-mobile { background: rgb(255,255,255); border-radius: 3px 6px 6px 3px; height: 20px; margin-top: 0px; line-height: 16px; position: relative; top: 0px; right: 5px;} .searchform { padding: 3px; border-radius: 3px;} #searchform input#s-desktop {background-color: #fff !important; width: 120px !important; size: 8;} #searchform input#s-mobile {background-color: #fff !important;} #searchform input#searchsubmitDesktop {background-color: #555 !important;} #searchform input#searchsubmitMobile {background-color: #555 !important;} #animation { border: 3px solid #666; background-color: #F49B0C; position: absolute; top: 68px; right: 140px; margin-left: 20px;float: right; padding: 2px 8px; border-radius: 4px; font-size: 18px; font-weight: 700; color: #FFF !important;} #animation:hover {background-color: #ea9308; color: #eeeeee; text-decoration: none !important;} :focus {outline-color: #aaaaaa !important; outline-width: 3px !important;} .dropdown-item.active, .dropdown-item:active {background-color: #cccccc !important;} .blue { z-index: 99999;} .action-button:hover { color: #eee;} .action-button:active { border-bottom: 0px solid; z-index: 99999; background: #2892A4;} #button-container { display:none; background: #444; width: 200px; height: 36px; float: right; position: absolute; z-index: 9999; margin-left: 995px; margin-top: 30px; border-radius: 0px 0px 10px 10px;} #myTogglerNav {position: relative; top: 5px;} #wrapper { margin-top: 14px; padding: 0 5px; background-color: #d0d0d0; border-radius: 12px; box-shadow: 25; margin-bottom: 25px; position: relative; top: 30;} #content .pdf-table {background-color: #f5f5f5;} #content .embed-responsive {width: 100%; position: absolute;} img.video-overlay {position: absolute; z-index: 1; left: 0; top: 0; width: 100px;} /* below here are styles fof Bootstrap divs to replace tables. Above is tables. */ #content div.row {margin: 0; margin-top: 5px;} div.topic-post, div.video-post {border: 3px solid #cfcfcf; background-color: #fafafa; margin-top: 8px !important; padding: 6px 3px !important; line-height: 18px !important;} div.col-md-5, div.col-md-7 {padding: 5px !important;} video-description-th {padding: 0 15px;} div.video-div { margin: 10px 0; padding: 0 5px; !important;} .video-post-Bootstrap {background-color: #F4F4F4; border-radius: 7px; text-align: center; height: auto; margin: 5px 0; overflow: hidden;} .thumbnail-container {position: relative;} .video-thumbnail-img {position: relative; max-width: 100%;} .video-overlay-img {max-width: 100%; position: absolute; top: 0; left: 0; z-index: 1; right: 0 !important;} /* ------ END Header Containers ------ *//* ------ Header Search ------ */#logo-search-container #searchform { float: right; margin-top: 42px;/* background: -webkit-linear-gradient(bottom, #DDDDDD, #EEEEEE); background: -moz-linear-gradient(bottom, #DDDDDD, #EEEEEE); background: -ms-linear-gradient(bottom, #DDDDDD, #EEEEEE); background: linear-gradient(bottom, #DDDDDD, #EEEEEE); */ border-radius: 3px 6px 6px 3px; height: 25px;}#logo-search-container #searchform input[type="submit"] {/* background: -webkit-linear-gradient(bottom, rgb(90,90,90), rgb(150,150,150)); background: -moz-linear-gradient(bottom, rgb(90,90,90), rgb(150,150,150)); background: -ms-linear-gradient(bottom, rgb(90,90,90), rgb(150,150,150)); background: linear-gradient(bottom, rgb(90,90,90), rgb(150,150,150)); */ color: #555555; font-family: "Open Sans", sans-serif; font-size: 13px; border: none; margin: 0; height: 25px; outline: none; box-shadow: none; border-radius: 0px 3px 3px 0px;}/* #logo-search-container #searchform input[type="submit"]:hover { background: -webkit-linear-gradient(bottom, rgb(80,80,80), rgb(150,150,150)); background: -moz-linear-gradient(bottom, rgb(80,80,80), rgb(150,150,150)); background: -ms-linear-gradient(bottom, rgb(80,80,80), rgb(150,150,150)); background: linear-gradient(bottom, rgb(80,80,80), rgb(150,150,150));}#logo-search-container #searchform input[type="submit"]:active { background: -webkit-linear-gradient(top, rgb(80,80,80), rgb(150,150,150)); background: -moz-linear-gradient(top, rgb(80,80,80), rgb(150,150,150)); background: -ms-linear-gradient(top, rgb(80,80,80), rgb(150,150,150)); background: linear-gradient(top, rgb(80,80,80), rgb(150,150,150)); color: darkgray;}*/ #logo-search-container #searchform input[type="text"] { background: transparent; border: none; margin: 0; padding: 0; outline: none; box-shadow: none; padding-left: 4px; font-family: "Open Sans", sans-serif; color: gray; font-size: 12px; width: 200px;}#searchform label { display: none;} /* ------ END Header Search ------ */ /* ------ Helpful Links ------ */ /* ------ Helpful Links ------ *//* ------ Navigation Search Bar ------ */#scroll-search #searchform input[type="submit"] { background: #777777; color: #fff; border: none; margin-top: 0; height: 22px; line-height: 20px; outline: none; box-shadow: none; border-radius: 0px 3px 3px 0px; font-size: 12px;} #scroll-search #searchform input[type="submit"]:hover { background-color: #999999;}#scroll-search #searchform input[type="submit"]:active { background-color: #666666;} #scroll-search #searchform input[type="text"] { width: 130px; background: transparent; border: none; margin: 0; padding: 0; outline: none; box-shadow: none; padding-left: 4px; color: #333; line-height: 20px; font-size: 14px; font-weight: bold;} /* ------ END Navigation Search Bar ------ */ /* ------ Math & Science Links ------ */ #math-container ul, #science-container ul, #test-prep-container ul { list-style: none; margin: 0px; padding: 0px;} #math-container a, #science-container a, #test-prep-container a { float: left; padding-left: 9px; padding-right: 11px; font-family: "Trebuchet MS", "Sanchez", serif; font-weight: bold; font-size: 20px; color: rgb(238, 238, 238); display: block; line-height: 30px;}#math-container a:hover, #science-container a:hover, #test-prep-container a:hover { background: rgb(120, 120, 120);}#first a { border-radius: 0px 0px 0px 8px;}#last a { border-radius: 0px 0px 8px 0px;}#math-container a:active, #science-container a:active, #test-prep-container a:active { background: rgb(244, 155, 10); color: black;}/* ------ END Math & Science Links ------ *//* ------ Start Trial Now Button ------ */.animate { transition: all 0.1s; -webkit-transition: all 0.1s;} /* ------ END Start Trial Now Button ------ *//* ------ Main Navigation ------ */#main-nav ul{ list-style: none; padding: 0; margin: 0; float: left;}#main-nav li{ float: left;} #math-container {width: 1200px;}#main-nav a { padding: 0px 10px; height: 30px; display: block; float: left; line-height: 30px; color: white; font-size: 22px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold;}#main-nav a:hover { background: rgb(102, 102, 102);} #main-nav a:active { background: #F49B0C; color: black;}#math a { background-color: rgb(49,49,49);} #math:before { content: ''; font-size: 0px; line-height: 0%; width: 0px; border-top: 6px solid rgb(85, 85, 85); border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; z-index: 100; float: left; top: 30px; margin-left: 23px; display: none;} #math:hover:before { border-top: 6px solid rgb(102, 102, 102); display: none;}#math:active:before { border-top: 6px solid #F49B0C; display: none;} #science:hover:before { content: ''; font-size: 0px; line-height: 0%; width: 0px; border-top: 6px solid rgb(102, 102, 102); border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; z-index: 9999999; float: left; top: 30px; margin-left: 35px; display: none;} #science:active:before { border-top: 6px solid #F49B0C; display: none;} #science-container:before, #test-prep-container:before { content: ''; font-size: 0px; line-height: 0%; width: 0px; border-top: 6px solid rgb(85, 85, 85); border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; z-index: 9999999; float: left; top: 0px; margin-left: 91px; display: none;} /* ------------------------------- Rest of content ---------------------------------------- */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; text-decoration: none;}#main * {text-decoration: none;}h3:not(#primary){ text-align: center;} #container:not(#content){ margin-top: 11px; border-radius: 5px; background-color: #ffffff;}/*h1:not(#content){ text-align: center;}*/ /* ------ Layout ------ */ #container { float: left; margin: 0px; background-color: #f8f8f8; border-radius: 10px;} #footer { position: relative; bottom: 0; margin-top: 0px; margin-bottom: 0px; width: 100%; clear: both; background-color: rgb(85,85,85); line-height: 14px;}/* ------ END Layout ------ */ /* ------ Fonts ------ */body, input, textarea, .page-title span, .pingback a.url { font-family: 'Open Sans', Verdana, sans-serif;} h3#comments-title,h3#reply-title,#access .menu,#access div.menu ul,#cancel-comment-reply-link,.form-allowed-tags,#site-info,#site-title,#wp-calendar,.comment-meta,.comment-body tr th,.comment-body thead th,.entry-content label,.entry-content tr th,.entry-content thead th,.entry-meta,.entry-title,.entry-utility,#respond label,.navigation,.page-title,.pingback p,.reply,.widget-title,.wp-caption-text { font-weight: bold; font-size: 16px; padding-left: 10px; font-variant: inherit; color: #333333; padding-top: 0px;} input[type=submit] { }pre { }code { }/* ------ END Fonts ------ *//* ------ Structure ------ */ /* The main theme structure */ #access .menu-header,div.menu,#colophon,#branding,#main,#wrapper { margin: 0 auto; max-width: 1196px; font-size: 15px; padding: 2px; font-weight: bold;} /* Structure the footer area */ #footer-widget-area { overflow: hidden;}#footer-widget-area .widget-area { float: left; margin-right: 20px; width: 220px;}#footer-widget-area #fourth { margin-right: 0;} #site-generator { float: right; width: 220px;} /* ------ END Structure ------ */ /* ------ Global Elements ------ */ /* Main global 'theme' and typographic styles */ .dropdown-toggle {font-weight: bold !important;} input, textarea { color: #333333; font-size: 14px; line-height: 16px; background-color: #ddd;} body { color: #333333; font-size: 14px; line-height: 16px;}hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px;}/* Text elements */ div#features, div#cancel-video, div#search-help {max-width: 700px; margin: 10px auto;} div#search-help {max-width: 500px !important;} p { margin-bottom: 5px; font-weight: normal; font-size: 12px;}ul { margin: 0 0 5px 5px;}ol { list-style: decimal; margin: 0 0 18px 1.5em;}ol ol { list-style: upper-alpha;}ol ol ol { list-style: lower-roman;}ol ol ol ol { list-style: lower-alpha;}ul ul, ol ol, ul ol, ol ul { margin-bottom: 0;} dl { margin: 0 0 24px 0;}dt { font-weight: bold;}dd { margin-bottom: 18px;}strong { font-weight: bold;} cite, em, i { font-style: italic;}big { font-size: 131.25%;}ins { background: #ffc; text-decoration: none;}blockquote { font-style: italic; padding: 0 15px;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; overflow: auto; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;}sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline;}sup { bottom: 1ex;}sub { top: .5ex;} input[type="text"], textarea { background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px;}a:visited { text-decoration: none;}a:active, a:hover { color: #FFFFFF; text-decoration: none;}/* Text meant only for screen readers */.screen-reader-text { position: absolute; left: -9000px;}/* ------ END Global Elements ------ *//* ------ Content ------ */#main { clear: both;} #content { margin-bottom: 36px;} #content, #content input, #content textarea { color: #333333; font-size: 16px; line-height: 18px; margin: 0px; float: none;} .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input { float:left !important;} #content p,#content ul,#content ol,#content dd,#content pre,#content hr { font-size: 16px;} #content ul ul,#content ol ol,#content ul ol,#content ol ul { margin-bottom: 0;} #content pre,#content kbd,#content tt,#content var { font-size: 15px; line-height: 21px;} #content code { font-size: 13px;} #content h1,#content h2,#content h3,#content h4,#content h5,#content h6 { line-height: 1.1em; margin: 0px 5px 10px 5px; font-style: normal; font-weight: bold; text-decoration: none;} #content tr.odd td { background: #f2f7fc;} #content li { line-height: 125%; margin: 5px 10px 10px 0; font-size: 18px; color: #333;}.hentry { margin: 0 0 10px 0;}.home .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px;}.single .hentry { margin: 0 0 36px 0;}.page-title { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 36px 0;}.page-title span { color: #F49B0C; font-size: 32px; font-style: italic; font-weight: bold;}.page-title a:link,.page-title a:visited { color: #888; text-decoration: none;} #content .entry-title { color: #F49B0C; font-size: 32px; line-height: 1.3em; margin-bottom: 15px; font-weight: bold; float: left;}.entry-title a:link,.entry-title a:visited { color: #000; text-decoration: none;}.entry-title a:active,.entry-title a:hover { color: #ffffff;}.entry-meta { color: #888; font-size: 12px;}.entry-meta abbr,.entry-utility abbr { border: none;}.entry-meta abbr:hover,.entry-utility abbr:hover { border-bottom: 1px dotted #666;} .entry-content,.entry-summary { clear: both; padding: 0px 0 0 0; float: none;}#content .entry-summary p:last-child { margin-bottom: 12px;} .entry-content fieldset { border: 1px solid #e7e7e7; margin: 0 0 24px 0; padding: 24px;}.entry-content fieldset legend { background: #fff; color: #000; font-weight: bold; padding: 0 24px;} .entry-content input { margin: 0 0 24px 0;}.entry-content input.file,.entry-content input.button { margin-right: 24px;}.entry-content label { color: #888; font-size: 12px;} .entry-content select { margin: 0 0 24px 0;} .entry-content sup,.entry-content sub { font-size: 10px;} .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%;} .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%;} .page-link { clear: both; color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; text-decoration: none;} .page-link a:link,.page-link a:visited { background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none;} .home .sticky .page-link a { background: #d9e8f7; text-decoration: none;} .page-link a:active,.page-link a:hover { color: #ff4b33; text-decoration: none;}body.page .edit-link { clear: both; display: block;} #entry-author-info { background: #f2f7fc; border-top: 4px solid #000; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px;} #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px;} #entry-author-info #author-description { float: left; margin: 0 0 0 104px;}#entry-author-info h2 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0;}.entry-utility { clear: both; color: #888; font-size: 12px; line-height: 18px;} .entry-meta a,.entry-utility a { color: #888; text-decoration: none;}.entry-meta a:hover,.entry-utility a:hover { color: #ff4b33; border-radius: 8px; text-decoration: none;}#content .video-player { padding: 0;}/* ------ END Content ------ */ /* ------ Footer ------ */ #colophon {padding: 8px 0;} #site-info {display: inline;font-size: 14px; margin: 10px; font-weight: normal; margin-bottom: 0; text-align: center;} #site-info ul, #site-info ul li, #site-info ul li a {text-decoration: none; display: inline; font-size: 14px; padding:10px 5px; color: #ddd; line-height: 2; } #copyright-info {margin: 15px 5px 5px; width: 100%; color: #aaa; font-weight: light;} #site-info-footer {color: #aaaaaa; font-weight: normal; text-align: center;} #site-generator { font-style: italic; position: relative;}#site-generator a { background: url(images/wordpress.png) center left no-repeat; display: inline-block; line-height: 16px; padding-left: 20px; text-decoration: none;}#site-generator a:hover { text-decoration: underline; color: #F49B0C;} img#wpstats { display: block; margin: 0 auto 10px;}/* ------ END Footer ------ */ /* ------ Mobile Safari ( iPad, iPhone and iPod Touch ) ------ */ pre { -webkit-text-size-adjust: 100%;}code { -webkit-text-size-adjust: 100%;}#access,.entry-meta,.entry-utility,.navigation,.widget-area { -webkit-text-size-adjust: 100%; padding-bottom: 0px;} #site-description { -webkit-text-size-adjust: none; color: #F99500;} /* ------ END Mobile Safari ( iPad, iPhone and iPod Touch ) ------ */ /* THIS h3 & h4 are for table of contents on class pages */ #content p { color: #333333; font-size:14px; margin: 0 0px 0 10px; line-height: 16px; padding: 0;} #content h1 { font-family: 'Open Sans', sans-serif; font-weight: normal; color: #333333; line-height: normal;} #content h2 { color: #333333; font-size:24px; margin: 0 15px 0 15px; line-height: 30px;} #content table {border: 0px solid #F49B0C; margin: 5px 3px; text-align: left; background-color: #f0f0f0; border-radius: 0px; padding-bottom: 4px;} #content h3 { font-family: 'Montserrat', serif; font-weight: 600; color: #F49B0C; font-size:22px; margin: auto 0; line-height: 24px;} #content h3 i {font-size: 16px; font-style: italic; font-weight: normal; color: #333; } #content h4 { font-family: 'Open Sans', sans-serif; color: #111111; font-size:16px; font-weight: 600; margin: 5px; line-height: normal; font-weight: 400;} #content .chapterlist h1 {margin: 10px 0px;} #content h5 { font-size:20px; color: #444444; margin: 15px 20px; line-height: 24px; font-weight: normal;}.lesson-video-table-style { background-color: #cccccc; color: #333333; padding-bottom: 2px;} #content h5 a {display: inline;} #branding { line-height: 0px; }.site-title { font-family: "Arial", sans-serif; font-size: 30px; color: #F49B0C; float: left; line-height: 25px; text-decoration: none; padding: 12px 0px 5px 15px; width: 280px; margin-bottom: 5px;} .header-sub-heading { font-size: 18px; color: #F49B0C; font-style: italic; line-height: 24px; text-decoration: none; padding: 7px 20px 5px 10px; float: right; width: 300px; text-align: center;} .light-gray-table { background-color: #eeeeee;} table.chapter-listing {width:99.5%; background-color: #555; border-radius: 5px; margin: 2px !important; border: none;}/* th is for center-aligned cells, td is for lef-aligned cells */ #content tr td { text-align: left;} #content table td h1 {font-size: 36px; font-weight: 400 !important; line-height: 1.2 rem; margin-bottom: 0; padding-bottom: 0;} #content table td h1:hover {animation-name: none; background-color: transparent;} table.testimonials td {font-family: Verdana; font-size: 18px; line-height: 20px;font-style: italic; font-weight: normal; padding: 15px 30px !important;} table.testimonials td:hover {background-color: #fffc9d77; animation-name: testimonialsFadeIn; animation-duration: 800ms;} @keyframes testimonialsFadeIn { 0% {background-color: transparent;} 10% {background-color: #fffc9daa; color: #000; text-shadow: 0px 0px 1px #777;} 100% {background-color: #fcff5177;} } #content .reasons h2 { margin-top: 50px; float: left;} #content tr th { text-align: center; width: 45%;}td.chapter-description { text-align: center; background-color: #555;} #content table td { position: relative; padding: 3px; padding-bottom: 3px;} #content thead th { position: relative; color: #555; font-size: 18px; font-weight: bold; line-height: 20px; padding: 9px 24px;}#content a:link { color: #F49B0C; text-decoration: none; line-height: 2px;} #content img { border-color: #9F0; padding: 0px;} .faq-question { font-size: 24px; font-style:italic; font-weight: bold; line-height: 28px;} .edit_link { color:#00CC00; } #content tr th a:link { color: #F49B0C;} #content tr th a:visited { color: #F49B0C;} #content tr th a:hover, #content div.topic-post h3:hover { color: #888; text-decoration:underline;} #content tr td a:link { color: #F49B0C; font-weight: bold;}#content tr td a:visited { color: #F49B0C;} #content tr td a:hover { color: #888; text-decoration:underline; font-weight: bold;} #content a:visited { color: #F49B0C;} #content a:hover { color: #888; text-decoration:underline;}.highlight { background-color: #F7B64A; color: #333333;}.hilite { background-color: yellow; color: #333333; }#search-form { background-color: #F49B0C; border-radius: 8px; margin-bottom: 15px; margin-left: 10px; margin-right: 10px; padding-top: 6px; padding-left: 250px; padding-bottom: 7px;} #search_bar { width: 80%; height: 40px; float: left; background-color: #C0DFA3; border-radius: 5px; margin: 3px 0px 0px 10px;}#txtKeyword { margin-top: 1px;} #btnSearch { margin: 8px 0 0 0; padding: 0px 0 0 0; line-height: 10px; float: right;}.search-button { margin: 0; padding: 0; } #header-support-menu {float: right; margin-top: 32px;} #footer-support-menu {text-align: center;} #header-support-menu a, #footer-support-menu a { color: #ccc; font-size: 14px; margin: 0 7px;} #header-support-menu a:hover, #footer-support-menu a:hover { color: #F49B0C;}.header-support-test li { display: inline; float: right;} /* ------ Woocommerce Styles ------ */ .woo_archive_title { background-color: #E9E8E8; padding: 0.5em; border: #CCCCCC solid 1px; border-bottom: 0; font-size: 0.8em; line-height: 1em; color: #000; text-align: center; font-family: Verdana,Sans-Serif;} .woo_archive_description { background: #FFF; color: #CCCCCC; border: #CCCCCC solid 1px; border-top: 0; padding: 0.5em; line-height: 1em; font-size: 0.7em;}.woocommerce-page #content { font-family: Verdana,Sans-Serif !important;}.woocommerce-checkout #container { background: #FFF !important;} .woo_suscriptions_box { margin: 1em auto !important; text-align:justify !important; width: 80% !important;}#customer_details p, div.woocommerce p, div.woocommerce h1 { margin: 0 0 .1em !important;}div.woocommerce h1, div.woocommerce h2, div.woocommerce h3, div.woocommerce h4, div.woocommerce h5 { margin: 0 0 5px 0 !important;}.woocommerce #payment, .woocommerce-page #payment { background: #FFF !important;}.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: #E5E4E2 !important; padding: 0 15px !important;}.woocommerce-info { border-top:none !important;}.woocommerce-info:before { background:none !important;} .woocommerce-error { background: #E4E3E1 !important;} .woocommerce-error li { font-size: 12px !important; line-height: 1 !important; text-shadow: none !important; color: #333333 !important;} .woocommerce-checkout form.login { border: none !important; border-radius: 2px 2px 2px 2px !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important; color: #000000 !important; font-size: 0.92em !important; line-height: 1.5em !important; margin: 0 0 10px 5px !important; padding: 10px 2% !important; position: relative !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important; background: none repeat scroll 0 0 #E5E4E2 !important;}.woocommerce h3 { color: #333 !important;} .woocommerce-checkout form.login p {margin: 10px !important;} .woocommerce-checkout #content p {display: none; font-size: 18px !important;} .woocommerce-info { background: #E5E4E2 !important; padding: 1em !important;} .input-text { display: block !important; width: 100% !important; height: 30px !important; padding: 2px 12px 2px 12px !important; font-size: 16px !important; line-height: 1em !important; color: #555 !important;/* vertical-align: middle !important; */ background-color: #ffffff !important; border: 1px solid #cccccc !important; border-radius: 4px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;} .input-text:-moz-placeholder { color: #999999 !important;}.input-text::-moz-placeholder { color: #999999 !important;}.input-text:-ms-input-placeholder { color: #999999 !important;} .input-text::-webkit-input-placeholder { color: #999999 !important;} .input-text:focus { border-color: #66afe9 !important; outline: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;} .input-text[disabled],.input-text[readonly],fieldset[disabled] .input-text { cursor: not-allowed !important; background-color: #eeeeee !important;} .woocommerce-result-count { display: none !important;}.woocommerce-ordering { display:none !important;} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { line-height:1em;color:#666666 !important;text-align:center;margin-top:1em !important;} .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders, .woocommerce-page table.my-account-cim-payment-methods, .woocommerce-page table.order_details { font-size:14px !important; color:#837E7C !important; background:#FFF !important;} .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders tr th,.woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders tr th, .woocommerce-page tr th { text-align: left !important;} .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { background: none repeat scroll 0 0 #F49B0E !important; border: medium none #F49B0E !important; color: #FFFFFF !important; padding: 1em !important; text-decoration: none !important; text-shadow: none !important; } #cim-my-payment-methods { margin-bottom:0 !important;margin-top:20px !important}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:32.25% !important}.post-type-archive-product #container { width:98% !important;}.woocommerce form .form-row select, .woocommerce-page form .form-row select { padding: 5px !important; color: #333333 !important; background: #f9f9f9 !important; border: 1px solid #ccc !important; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1) !important; -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1) !important; -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1) !important;} .woocommerce-page #container { /*width:100% !important;*/}.woocommerce-page div#primary.widget-area { display:none !important;}.woocommerce-button, .button { background: none repeat scroll 0 0 #F49B0E !important; border: medium none #F49B0E !important; color: #FFFFFF !important; padding: 1em !important; text-decoration: none !important; text-shadow: none !important; font-family: verdana !important; white-space: nowrap !important; display: inline-block; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1) !important; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1) !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1) !important; border-radius: 2px !important;} .button.cancel { background: none repeat scroll 0 0 #F62817 !important;}.button.logout { background: #7689C2 !important;}div.woocommerce p { font-size: 16px !important; line-height: 1.5em !important} .mdk_woocommerce_order_received_details span{ font-weight: bold;}form.login, form.checkout_coupon, form.register { border: 1px !important; padding: 5px !important; margin: 10px !important; text-align: left !important; border-radius: 5px !important;} .cancel { margin-left: 20px !important;}.receiver-form { background-color: #fdd !important; border-radius: 8px !important; padding: 15px !important;}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}/* ------ END WooCommerce ------ */ /* Search Breadcrumbs */ .search_breadcrumbs_container{ background: none repeat scroll 0 0 #dddddd; margin: -15px auto 20px; padding: 10px !important; width: 80%; -webkit-border-radius: 0 0 12px 12px; /* Firefox 1-3.6 */ -moz-border-radius: 0 0 12px 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 0 0 12px 12px; text-align:center;}.flat-style #content h1 { color: red !important;} .gchoice_1_1 input, .gchoice_1_2 input, .gchoice_1_3 input, .gchoice_1_4 input { line-height: 35px !important; height: 35px; } p.queue-watch-now {font-size:14px !important;text-align:center;font-weight:normal;margin-top:20px;} body.custom-background { background-color: #f6f6f6 !important; background-image: none !important; } .gform_button { box-shadow: 0px -15px 30px rgba(255,255,255,0.25) inset !important; -o-transition: 2s; -ms-transition: 2s; -moz-transition: 2s; -webkit-transition: 2s; transition: 2s; border-radius: 8px !important; height: 30px !important; line-height: 0px !important; text-shadow: 0px -1px 0px #F49B0C !important; float: left !important; } .gform_button:hover { box-shadow: 0px -15px 30px rgba(255,255,255,0.4) inset !important; -o-transition: 2s; -ms-transition: 2s; -moz-transition: 2s; -webkit-transition: 2s; transition: 2s; } ul.woocommerce-error { padding-left: 70px !important; font-size: 20px !important; } ul.woocommerce-error li { font-size: 20px !important; color: red !important; background-color: yellow; } #content .announcements { background-color: #19B4CF !important; color: #ffffff !important; border-radius: 5px !important; margin: 15px !important; padding: 10px !important; font-size: 20px !important; } #content .announcements a { color: #eee !important; } #content .announcements h1 { color: #ffffff !important; } #content .announcements h5 { color: #ffffff !important; } header-login-menu { font-size: 14px; } #helpful-links a { float: right; line-height: 30px; font-weight: bold; color: #CCC; text-decoration: none; margin-left: 15px; font-size: 14px; margin-top: 50px;} #helpful-links ul{ list-style: none; margin: 0; padding: 0;} div#welcome-link {margin-left: 100px;} h4.member-links {font-size: 16px !important; margin-top: 6px;} #welcome-link a.helpful-link-gray {color: #555; margin-left: 0; margin-right: 0;} #welcome-link a.helpful-link-bold {font-weight: bold; margin-left: 0;} #welcome-link a{ color: #F49B0C; margin-left: 3px; margin-right: 3px;} #welcome-link a:hover { color: #555;} #helpful-links a:hover { color: #F49B0C;}#helpful-links a:active, #welcome-link a:active { color: gray;}#welcome-link span { color: rgb(80,80,80);} nav#helpful-links {margin-right: 155px;} #content .background-div-sales { background-color: #19B4CF; border-radius: 5px; padding: 10px; margin: 5px !important; margin-bottom: 10px; margin-top: 5px !important; } #content h1.body-sales {text-align: left; margin: 5px;} #content .class-title { width: 90%; text-align: center !important; font-size: 32px; } #content .sales-insert-table .sales-insert-button { font-family: 'Open Sans', sans-serif; font-weight: normal; color: #ffffff; font-size: 22px; line-height: 24px; background-color: #aaa; padding: 8px 17px; margin: 0px 10px; border-radius: 5px; border: 0px #333; } #content .sales-insert-table .sales-insert-button:hover {background-color: #bbb; color: #333; text-decoration: none;} #content .sales-insert-table #start-trial-sales-button .sales-insert-button {font-family: 'Montserrat'; font-weight: 700; background-color: #F49B0C;} #content .sales-insert-table #start-trial-sales-button .sales-insert-button:hover {background-color: #F49B0C; text-decoration: none;} .sales-insert-table { background-color: transparent !important; margin: 16px auto; width: 100%; min-height: 40px; } .video-div-sales { background-color: #555555; border-radius: 8px; padding: 5px; margin: 10px 20px; float: right; width: 40%; overflow: hidden; } #content h1.heading-sales, #content h1.heading3-sales{ font-size: 40px; color: #ffffff; } #content h1.subheading-sales { font-size: 26px; line-height: 30px; font-weight: 300; font-style: italic; color: #333; margin: 5px 0; } #content h1.heading3-sales {font-size: 36px; color: #eee;} #content h1.body-sales { font-size: 22px; font-weight: 300; color: #ffffff; line-height: 26px; margin: 10px; } #content #start-trial-sales-button {margin-top: 20px !important; width: 25%;} .js-video { height: 0; padding-top: 25px; padding-bottom: 75%; margin-bottom: 0px; position: relative; overflow: hidden; } .js-video.widescreen { padding-bottom: 57%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .chapterlist { list-style: none !important; padding: 0px !important; margin: 0px !important; } .chapterlist li { padding: 0px !important; margin: 0 !important; } .highlight { background-color: #CCFF99; box-shadow: 0px 2px 0px #B6FF6C; } .highlight_search_function_input { /* height: 35px; */ background: #A8CE95; text-align: center; line-height: 15px; font-family: "Open Sans", Verdana, sans-serif; color: black; margin-top: 0px; margin-bottom: 0px; border-radius: 5px; } #filter { width: 250px; } #on-page-search {padding-top: 5px; margin-top: 0; font-size: 15px !important;} h5#live-search-h5 {font-size: 16px; margin-left: 50px; margin-bottom: 5px; float: left;} #full-site-search {text-align: center; background: #A8CE95; border-radius: 8px; margin-top: 10px; padding: 10px; } #full-site-search h5 {font-size: 26px !important; line-height: 1.3;} .disapear { display: none !important; visibility: none !important; background: none !important; box-shadow: none !important; } .displayblock { display: block !important; } .display { display: inline !important; } .reset { background: #EEEEEE; border-radius: 2px; border: none; width: 60px; height: 22px; color: black; } .flash { background: red !important; } .no-results { text-align: center; width: 932px; font-size: 25px; display: none; margin: 20px; position: absolute; } #sitewide-search-submit { float: none !important; margin-left: 0px !important; background: #F49B0C !important; border: none !important; border-radius: 3px !important; line-height: 30px !important; font-size: 18px !important; padding: 3px 20px !important; } #content #sitewide-search-form { margin: 10px 100px 10px 200px; } #sitewidesearch { width: 200px !important; } span { margin: 0px !important; padding: 0px !important; } #content .chapterlist h1 { margin: 10px 0px; padding: 7px 15px 0px 15px; } .swinging-arrow { -webkit-transform-origin:50% 50%; -webkit-animation:arm 1.5s linear 8; } @-webkit-keyframes arm { from { -webkit-transform: rotate(0deg); } 70% { -webkit-transform: rotate(20deg); } to { -webkit-transform: rotate(0deg); } } @-webkit-keyframes glow { from { -webkit-box-shadow: 0px 0px 0px white; } 70% { -webkit-box-shadow: 0px 0px 20px #46BCD2; } to { -webkit-box-shadow: 0px 0px 0px white; } } .try-popup { background: #46BCD2; color: white; width: 250px; height: 25px; margin-left: 680px; margin-top: -3px; border-radius: 0px 0px 5px 5px; text-align: center; position: absolute; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); line-height: 25px; text-shadow: 0px -1px 0px #2892A4; display: none; } /* .video-in-queue table { border-style: solid !important; border-color: #46BCD2 !important; border-width: 5px !important; border-radius: 5px !important; } */ .video-in-queue table a { text-decoration: underline !important; color: #ccc !important; } div.modal-content {background-color: #BDDDA5; font-family: Montserrat, sans-serif;} div.modal-content p {font-size: 18px;} button.watch_later_button { background-color: #F49B0C; font-size: 16px; padding: 5px 10px; color: #333; border-radius: 4px; border: none; margin-top: 10px; } button#queue-add-button {color: #ffffff; background-color: #46BCD2} button.watch_later_button_remove { background-color: #46BCD2; font-size: 16px; padding: 5px 10px; color: #ffffff; border-radius: 4px; border: none; margin: 5px 15px; } button.watch_later_button, button.watch_later_button_remove, button.resume-button, button.start-button { background-color: #F49B0C; font-size: 16px; padding: 5px 10px; color: #333; border-radius: 4px; border: none; margin-top: 0px; margin-bottom: 10px !important; line-height: 18px; } button.watch_later_button_remove { background-color: #46BCD2; color: #ffffff; margin: 5px 15px; } button.resume-button, button.start-button{ background-color: transparent; color: #F49B0C; text-decoration: underline !important; margin: 0px 0px; font-size: 14px; padding: 0px; } h5.video-in-queue-label, .vimeo-progress { font-size: 14px; color: #46BCD2 !important; font-weight: bold !important; margin: 5px !important; } .vimeo-progress { background-color: transparent; font-size: 18px; color: #F49B0C !important; font-weight: bold !important; } .meter { width: 100%; margin: 5px auto; } #content .meter h5 { height: 8px; /* Can be anything */ width: 50%; text-align: center !important; margin: 5px auto; /*margin-left: 0 !important; */ position: relative; background: #222; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px; /*box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); */ } .meter h5 > span { display: block; height: 100%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #F49B0C; background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); /* box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); */ position: relative; overflow: hidden; min-width: 15px; } .tooltip { display: inline; position: relative; float: left; width: 42%; margin-left: 25%; } .tooltip:hover:after { background: #333333; background: rgba(20,20,20,.6); border-radius: 5px; bottom: 19px; color: #eee; font-size: 14px; line-height: 13px; content: attr(title); left: 0%; padding: 4px 8px; margin-left: 10%; position: absolute; z-index: 98; width: 260px; } .tooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 13px; content: ""; left: 50%; position: absolute; z-index: 99; } h5.video-in-queue-label { font-size: 14px; color: #46BCD2 !important; font-weight: bold !important; margin: 5px !important; } h4.video-in-queue-label { margin-bottom: 10px !important; } #container { width: 100%; min-height: 500px; } .create-account { padding: 10px !important; } .add_to_cart_button { font-size: 24px; padding: 1em !important; margin-top: 10px !important; border-radius: 5px !important; } /* #content .chapter-listing h3 i { font-size: 18px; line-height: 22px; margin: 10px 45px; display: block; } #content h3 i.h3-i-larger { font-size: 22px; margin: 25px 0px 0px 0px !important; line-height: 25px !important; } */ #content table.standards_table { background-color: #eee !important; border-collapse: collapse; margin: 10px; width: 100%; } #content table.standards_table, #content table.standards_table td, #content table.standards_table th { border: 2px solid #444; } #content table.standards_table td a, table.standards_table td a { color: #F49B0C; text-decoration: underline; font-weight: normal; line-height: 24px !important; margin-left: 20px; font-style: italic; display: block; } #content table.standards_table table { background-color: transparent; } #content tr th{ width: 20%; } #content table.standards_table tr th + th + th + th { width: 40%; } #content table.standards_table td img { border-color: #F49B0C !important; border-width: 5px !important } #content table.gsurvey-likert { background-color: #eee; } #content table.gsurvey-likert th, #content table.gsurvey-likert td { border: solid; border-width: 2px; border-color: #555 !important; padding: 3px; } table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected { background-color: red; } label.gfield_label { background-color: transparent; padding: 5px 10px; color: #333; font-size: 22px; } #gform_fields_13 li { background-color: #F49B0C; padding: 5px 25px; margin: 5px 20px; border-radius: 8px; } .gform_wrapper .gfield_required { color: red !important; } #content .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_checkbox li input[type="checkbox"], input[type="checkbox"], input[type="radio"] { margin: 6px; } table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected { background-color: red; } .gform_wrapper div.charleft { color: #333; } .gform_wrapper .validation_message, .gform_wrapper .gfield_error .gfield_label { color: red !important; } #content .mdkcr-reactivate-offer-wrapper p { font-size: 24px; line-height: 28px; } button.mdkcr-reactivate-offer-button { background-color: #46BCD2; padding: 20px 30px; border-radius: 8px; border: none; margin: 0px 20px; color: white; font-weight: bold; font-size: 26px; } #content table.my_account_subscriptions th.subscription-status { width: 15%; } #content table.my_account_subscriptions th.subscription-title { width: 50%; } #content table.wpm_registration tr.required td.label, #content table.wpm_registration tr.systemFld td.label { color: #ffffff !important; float: right; vertical-align: middle; font-size: 22px; } #content table.wpm_registration td.label, #content table.wpm_registration input.fld { vertical-align: middle; padding: 5px !important; margin: 10px !important; line-height: 22px; font-size: 18px; color: #333; } #content table.wpm_regform_table { background-color: #46BCD2 !important; width: 600px; padding: 20px; border-radius: 10px; margin: 20px auto; } p.wpm_err { font-size: 24px !important; background-color: rgba(255, 255, 0, 0.5) !important; } #content .affiliate_wrapper h3.gform_title { color: #555; } #fundraiser_signup_form input.validate[required] { margin-top: 0px; font-size: 20px; } #fundraiser_signup_form label { padding-top: 20px !important; font-size: 20px; display:block; } #testimonials table tr { padding: 20px !important; line-height: 50px; } #content div.physics-thumbnail { float: left; padding: 3px !important; border-radius: 2px; background-color: #F49B0C; margin: 5px; } #content h5.testimonial { font-style: italic; font-family: serif; font-weight: bold; color: #555; text-align: center; font-size: 24px; line-height: 28px; padding: 10px 50px; background-color: #D3E8C4; } #content ul.class-list li { font-size: 30px; } #content .course-listing {background-color: #036ab9;} #content .course-listing th h3 {font-size: 28px;} #content .course-listing td h4 {text-align: center; font-size: 24px; padding: 15px 50px; color: #ffffff;} #content .search_breadcrumbs_container a {color: #555; text-decoration: underline;} #content .search_breadcrumbs_container a:hover {color: #777777;} /* ADDED FOR RESPONSIVE PRICING PAGE JAN2019, thus responsive BOOTSTRAP as well */ #welcome-link a {} #content h1 { text-align: center; line-height: 1.2; font-size: 28px; margin: 0; margin-bottom: 10px; margin-top: 20px; } #logo-search-container {width: 100%;} #wrapper { margin-top: 0; border-radius: 0; margin-bottom: 0; } #container { width: 100% !important; margin-top: 4px !important; padding-bottom: 10px; } span#pricing-trial-title {font-size: 36px;} span#pricing-trial-subtitle {font-size: 24px; line-height: 16px;} h4#pricing-6-month-title {color: #ffffff; font-size: 36px; margin-top: 5px; margin-bottom: 15px;} span#pricing-6-month-subtitle {font-size: 30px; line-height: 50px;} h5#pricing-6-month-explanation {font-size: 18px; color: #ddd; line-height: 22px; font-weight: bold;} h1#testimonials-h1 {text-align: center; line-height: 60px; font-size: 28px; margin-bottom: 20px; margin-top: 50px;} #testimonials-div {background-color: #c0dfa3; color: #000000; height: 140px; width: 600px; padding: 10px; margin: auto; border-radius: 8px; box-shadow: 8px 8px 10px #888888;} h4#testimonials-h4 {color: #000000; font-size: 20px;} h5#plan-explanation {font-size: 18px;} .mobile-only {visibility: hidden;} .desktop-only {visibility: visible;} #free-videos-list p {font-size: 24px; line-height: 26px; margin: 8px 4px;} #content h2.free-videos-level {margin-top: 18px;} div#footer {} .mark, mark {padding: 3px 0px !important;} div.abandonedCartMessage {background-color: #fffb60aa; padding: 10px 15px; margin: 7px 0px; border-radius: 8px; text-align: center; border-width: 3px; border-color: #FF6F61; border-style: solid;} div.abandonedCartMessage h1 {font-family: Montserrat; font-size: 28px !important; font-weight: bold; color: #FF6F61; font-style: italic; } a.completeSignupButton {text-decoration: none; line-height: normal !important; font-family: 'Karla'; font-weight: bold; background-color: #4CBCD0; color: white; border-radius: 5px; padding: 10px 25px; text-align: center; font-size: 25px; border-width: 0; margin: auto; color: white !important; display: inline-block;} /* Descending media queries for smaller and smaller screens */ @media only screen and (max-width: 1300px) { #animation {right: 100px;} } @media only screen and (min-width: 1200px) { #main-nav a {font-size: 18px;} /* #content .chapter-listing h3 {font-size: 20px;} #content .chapter-listing h3 i {font-size: 16px;line-height: 22px;} #content .chapter-listing h3 i .h3-i-larger {font-size: 20px;} #content .chapter-listing h4 {font-size: 16px;margin: 5px;} */ .easy-autocomplete-container{z-index:999 !important;} .autocomplete_hightlight{ackground-color: yellow;color: #333333;} .autocomplete_result_class, .autocomplete_result_chapter{padding:5px;text-align:center;background: #666666;color: #CCCCCC !important;} .autocomplete_result_class a, .autocomplete_result_chapter a{color: #CCCCCC !important;} .autocomplete_result_class span, .autocomplete_result_chapter span{color:#F49B0C;} /* .highlight_search_function_input {display: none;} */ } @media only screen and (max-width: 1199px) { #animation {top: 18px; right: auto; left: 100px; font-size: 22px; border: 3px solid #666; line-height: 25px; padding: 4px 8px;} /* #animation {right: 57px; top: 59px;} */ #logoimg, #logodiv {width: 240px; margin-right: 0;} div#welcome-link {margin-left: 50px;} } @media only screen and (max-width: 1100px) { div#welcome-link {margin-left: 20px;} } /* 991 is value Bootstrap uses for lg */ @media screen and (max-width : 991px) { #animation {} .navbar-nav div.ml-auto {margin-left: 5px !important;} #content div.video-description-th {padding: 0 5px !important;} #content table.pdf-table {display: none !important;} #content h1.heading-sales {margin-top: 10px;} #content h1.body-sales {font-size: 18px; line-height: 22px;} #free-videos-list p {font-size: 16px; line-height: 22px; margin: 1px 4px;} #content h2.free-videos-level {margin-top: 10px; font-size: 18px;} #content h5.testimonial {font-size: 20px; line-height: 24px;} } /* 768 is value Bootstrap uses for sm to md */ @media screen and (max-width : 768px) { p.queue-watch-now {font-size:12px !important;} #content .post_container h3 {font-size: 13px;} .video-post-Bootstrap {border-radius: 7px; min-height: 200px; border-radius: 0;} #content #sitewide-search-form {margin: 30px;} div#welcome-link {margin-left: 15px;} .navbar-toggler {font-size: 24px; right: 0;} #animation {top: 16px; right: auto; left: 40px; font-size: 18px; border: 2px solid #666; line-height: 25px; padding: 0px 5px;} .desktop-only {display: none;} .mobile-only {visibility: visible;} #wrapper {margin-top: 4px;} #welcome-link a {margin-right: 4px;} div.video-div-sales {margin: 5px 5px 5px 10px;} #content h1.heading-sales {font-size: 22px; font-weight: 600; display: block; line-height: 24px; margin: 3px 0; padding: 3px 0; margin-bottom: 3px;} #content h1.heading3-sales {font-size: 20px;} #content h1.subheading-sales {font-size: 18px; line-height: 22px; margin-bottom: 4px; margin-top: 0px; display: block; width: 100%;} #content h1.body-sales {margin-top: 0; font-size: 14px; font-weight: normal; line-height: 18px;} #content .sales-insert-table .sales-insert-button {font-size: 16px; padding: 8px 14px;} #navbar-site .container-fluid {padding-left: 0px !important; padding-top: 0 !important;} .navbar { padding: 0 !important; padding-right: 8px !important;} #content h1 {font-size: 26px; padding-bottom: 3px; margin: 8px 12px;} #content h3 {font-size: 18px; font-weight: 600; line-height: 1.2;} #content .chapter-listing h3 i {font-size: 14px; font-weight: normal; line-height: 10px;} #content h4 {font-size: 14px; font-weight: normal;} #content h5 {font-size: 14px; line-height: 18px; margin: 5px 8px;} #pricing-div {width: 96%;margin-left: 1%;padding: 5px;} #content .sales-insert-table {margin-top: 4px;} .sales-insert-button {font-size: 20px;} #content .class-description-verbose {display: none;} #content h5.testimonial {font-size: 16px; line-height: 20px; padding: 5px 10px;} /* This stuff is for /home4 responsive design elements */ span#pricing-trial-title {font-size: 42px;} span#pricing-trial-subtitle {font-size: 30px; line-height: 26px;} h4#pricing-6-month-title {font-size: 38px;} span#pricing-6-month-subtitle {font-size: 32px; line-height: 50px;} h5#pricing-6-month-explanation {font-size: 26px; line-height: 28px} h1#testimonials-h1 {font-size: 36px; margin-bottom: 20px; margin-top: 50px;} div#testimonials-div {height: 180px; width: 80%; padding: 20px; margin: auto;} h4#testimonials-h4 {font-size: 28px;} h5#plan-explanation {font-size: 24px; line-height: 26px;} #content table td h1 {font-size: 26px; margin: 0; padding-bottom: 0;} table.testimonials td {font-size: 16px; margin: 5px 10px;} } /* 575 is Bootstrap's breakpoint for xs to sm */ @media screen and (max-width : 575px) { #navbar-site .container-fluid {padding-left: 0px !important; padding-top: 0 !important;} .navbar { padding: 0 !important; padding-right: 8px !important;} #logoimg, #logodiv {width: 160px; margin-right: 0;} .navbar-toggler {font-size: 24px !important;} #animation {top: 8px;} h4.member-links {font-size: 14px !important;} div.video-div-sales {width: 60%; margin: 8px 20% 15px;} div#testimonials-div {padding: 8px;} #scroll-search-desktop {display: none;} #scroll-search-Mobile {display: block;} h5#live-search-h5 {font-size: 14px; margin-left: 0px;} #content .background-div-sales {padding: 3px;} #content h1.body-sales {margin-bottom: 3px;} #content h1.cancellation-blue, #content .reasons h2 {font-size: 24px !important; margin: 15px;} #content .reasons h2 {font-size: 20px;} .faq-question { font-size: 18px; } @media screen and (max-width : 500px) { /* #logoimg {width: 70%; margin-right: 0;} */ #content .sales-insert-table .sales-insert-button {font-size: 16px; padding: 4px 6px; margin: 5px;} #content table td h1 {font-size: 26px; line-height: 29px; margin-top: 15px;} table.testimonials td {font-size: 18px; margin: 5px;} #content h1.cancellation-blue, #content .reasons h2 {font-size: 20px !important; margin: 15px;} #content .reasons h2 {font-size: 18px;} } @media screen and (max-width : 420px) { #header-container-bootstrapped {margin: 0 !important;} .navbar-toggler {font-size: 22px !important;} #animation {left: 30px; font-size: 14px;} #content h1 {font-size: 20px;} #content h1.subheading-sales {font-size: 16px;} /* .navbar-toggler {position: absolute; top: 0px; right: 10px; z-index: 1;} */ #content h3 {font-size: 18px; } #content h3 i {font-size: 12px; font-weight: normal; line-height: 16px;} #content h4 {font-size: 12px; } h4.member-links {margin-top: 0px !important;} table.testimonials h1 {font-size: 22px; line-height: 24px;} table.testimonials td {font-size: 16px; line-height: 19px;font-style: italic; font-weight: normal; padding: 8px 6px !important;} table.testimonials td:hover {background-color: #fffc9d77; animation-name: testimonialsFadeIn; animation-duration: 800ms;} } @media screen and (max-width : 350px) { .navbar-toggler {font-size: 18px !important;} #animation {font-size: 12px; padding: 0; left: 18px; top: 12px; line-height: 16px;} } } /* THIS END-BRACE is randomly inserted because styles after this weren't loading, but I couldn't find the extra left brace that's causing the issue. */ /* END MEDIA QUERIES */ .responsive-childs img, .responsive-childs iframe { width: 100%; } .responsive-childs div { background-size: contain !important; width:100% !important; height: auto !important; } .video-wrapper { position: relative; padding-top: 56.25%; /* 16:9 */ height: 0; border: #555555 3px solid; border-radius: 10px; background-color: #555555; border-bottom: 4px solid #555555; } .video-wrapper iframe { z-index: 999 } .video-wrapper iframe, .video-wrapper img, .video-wrapper div { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; }