/* off black: #212121 */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: none; } /* remove blue box for objects in focus (Chrome issue) */ html, body, div, span, applet, object, iframe, h1, h2, h3, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { background:transparent none repeat scroll 0 0; border:0 none; margin:0; outline:0 none; padding:0; vertical-align:baseline; font-family: "proxima-nova", sans-serif; font-size:20px; line-height:24px; letter-spacing:1px; font-weight:500; font-style: normal; } h1 { clear:both; width:100%; height:auto; text-align:left; letter-spacing:2px; font-weight:700; font-size:70px; line-height:76px; text-transform:uppercase; } .transparent-font { clear:both; width:100%; height:auto; text-align:center; letter-spacing:2px; font-size:100px; line-height:106px; text-transform:uppercase; -webkit-text-stroke: 1px black; -webkit-text-fill-color: white; } .home h1 { text-transform:none; color:#212121; font-size:40px; line-height:46px; } h1#page-title { color:white; } h2 { clear:both; text-align:center; text-transform:capitalize; font-size:26px; line-height:28px; letter-spacing:0px; color:#212121; padding:20px 0; font-weight:300; } h3.llms-h3 { clear:both; text-align:center; text-transform:capitalize; font-size:26px !important; line-height:28px!important; letter-spacing:0px; color:#212121; padding:20px 0; font-weight:600; } h2 a { clear:both; text-align:center; text-transform:capitalize; font-size:26px; line-height:28px; letter-spacing:0px; color:#212121; padding:20px 0; font-weight:300; } h2 a:hover { color:#999; } h2.center { text-align:center !important; } .search-heading h2 { text-align:left; padding: 20px 0 0 0;} h3 { font-size:20px; text-transform:none; padding-bottom:10px; text-align:left; text-decoration:none; text-decoration-color:#212121; text-decoration-thickness:2px; font-weight:300; } h3.llms-h3 { clear:both; text-align:center; text-transform:capitalize; font-size:26px !important; line-height:28px!important; letter-spacing:0px; color:#212121; padding:20px 0; font-weight:600; } a { text-decoration:none; color:#212121; } header a { text-decoration:none; color:white; } a:hover, header a:hover { color:#ccc; } p { margin:10px 0; } ul, ol { display:block; margin:10px 0; padding:0; list-style:none; list-style-position: inside; } li { display:list-item; margin:20px 0; padding-left:30px; } ul li:before { display: inline-block; vertical-align: middle;color:#212121; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */} ul.checkmarks li:before { color:#212121; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:14px; } ul.checkmarks-white li:before { color:#fff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:14px; } ul.dot li:before { color:#212121; content: "\f111"; /* FontAwesome Unicode */ font-size:10px; } table {margin:20px 0; } table td { padding:10px 10px; } table a { text-decoration:none; } td { padding:5px 20px; border-bottom:1px solid #212121; text-align:left; color:#212121; font-size:16px; font-weight:400; } td.numeric { text-align:right; } td p { padding:0 !important; margin:0 !important; } .center { margin-left: auto; margin-right: auto;} .alignleft { float:left; margin:0 20px 20px 0; height:auto; max-width:100%; } .alignright { float:right; margin:0 0 20px 20px; height:auto; max-width:100%; } .aligncenter { display:block; margin:10px auto; height:auto; max-width:100%; } .image-resize { height:auto; max-width:100%; } .image-resize img { width:100%; height:auto; max-width:100%; } .image-bg { clear:both; position:relative; width:80%; max-width:80%; background-size:cover; background-position:50% 50%; } .black-shadow { text-shadow: 1px 1px #212121; } .white-shadow { text-shadow: 1px 1px #fff; } .coln33 { float:left; width:33.3333%; height:auto; padding:10px 1%; } .coln50 { float:left; width:50%; height:auto; padding:0 1%; } .coln30 { float:left; width:30%; height:auto; padding:0 3%; } .coln67 { float:left; width:67%; height:auto; padding:0 3%; } .coln70 { float:left; width:70%; height:auto; padding:0 3%; } .image-round { border-radius:50%; } .image-border img { } .underline { padding-bottom:10px; border-bottom:2px solid #212121; } .sub-section { clear:both; width:100%; height:600px; } .image-half { float:left; width:50%; height:100%; background-size:cover; } .text-half { float:left; width:50%; height:100%; padding:20px 5%; background-color:#212121; color:white; } .text-half h2 { text-align:left; padding:20% 0 0 0; font-size:28px; line-height:28px; font-weight:600; color:white !important; } .text-half .underline { clear:both; width:100%; height:auto; padding-bottom:10px; border-bottom:2px solid #fff; } .text-half p { margin:0 auto; width:90%; height:auto; padding:20px 0; text-align:center; line-height:38px; } .text-half-btn { margin:50px auto 0 auto; } .image-half.desktop {display:block;} .image-half.mobile {display:none;} #our-instructors .text-half h2 { padding:30px 0 0 0; } #our-instructors .text-half p { line-height:28px; } .section-w-bg { display:block; margin:0; width:100%; background-size:cover; } .right-border { border-right:1px solid #212121; } #address-info span { padding-left:10px; } #header-social-media .social-icon { display:inline-block; float:right; width:50px; height:auto; } .social-icon .fa { float:right; font-size:16px; line-height:18px; text-align:center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-decoration:none; color:#fff; font-weight:200; padding:20px; } .uwy.userway_p5 .uai { bottom:10px !important; } .page-id-1463 #entry a { text-align:center; font-size:20px; } #back_to_top { position:fixed; bottom:10px; right:10px; height:auto; margin:0; opacity:0; transition:opacity 0.3s ease-in-out 0s; visibility:hidden; z-index:999999999; } #back_to_top.off { opacity:0; right:10px; } #back_to_top.on { opacity:1; right:10px; visibility: visible; } #back_to_top > span { background-color:#fff; box-sizing: border-box; color:#212121; font-size:25px; height:46px; width: 46px; line-height:46px; text-align: center; text-decoration: none; border-radius:50%; transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; border:2px solid #212121; } #back_to_top span span { display: block; line-height: inherit; } #back_to_top:hover > span { background-color:#212121; color:white; } .link-button { clear:both; margin:60px auto; text-align:center; padding:5px 20px; background-color:#212121; border-radius:20px; border:2px solid white; max-width:800px; } .link-button a { display:inline-block; color:white; text-transform:uppercase; font-size:16px !important; width:100%; height:100%; } .link-button:hover { color:#212121; background-color:#fff; border:2px solid #212121; } .link-button:hover a { color:#212121; } .link-button a:hover { color:#212121; } .link-button.desktop { display:block; } .link-button.mobile { display:none; } .smile-btn { width:200px; height:auto; } .smile-button-text-top { color:#212121; font-size:22px; line-height:22px; text-align:center; text-transform:uppercase; padding-bottom:5px; font-weight:600; } .smile-button-graphic { background-color:#212121; height:100px; width:200px; border-bottom-left-radius:200px; border-bottom-right-radius:200px;} .smile-btn a:hover .smile-button-graphic { background-color:white; padding:0; border:2px solid #212121; } .smile-button-white-text-top { color:#fff; font-size:22px; line-height:22px; text-align:center; text-transform:uppercase; padding-bottom:5px; font-weight:600; } .smile-button-white-graphic { background-color:#fff; height:100px; width:200px; border-bottom-left-radius:200px; border-bottom-right-radius:200px;} .smile-btn a:hover .smile-button-white-graphic { background-color:transparent; padding:0; border:2px solid white; } .website-video {margin:0 auto !important; width:800px; height:auto; max-width:100%; z-index:0; } video { top:0 !important;} .website-video-left { float:left; width:48%; height:auto; max-width:50%; margin:0 1% !important; z-index:0; } .website-video > div, .website-video-left > div { position:relative; padding-bottom:75%; height:0; z-index:0; } .website-video iframe, .website-video-left iframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; } /* class="fromLeft" */ @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-600px); } 100% { opacity: 1; transform: translateX(0); } } .fade-from-left-element { animation: fadeInLeft 1.4s; } /* class="fromRight" */ @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(600px); } 100% { opacity: 1; transform: translateX(0); } } .fade-from-right-element { animation: fadeInRight 1.4s; } .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing:before { color:#212121; font-family: FontAwesome; content: "\f059"; font-size:30px; padding-right:20px; } /* LMS */ #entry #page-title { display:none; } .single-course .page-topper, .single-lesson .page-topper, .single-llms_quiz .page-topper, .single-product .page-topper, .woocommerce-cart .page-topper, .woocommerce-checkout .page-topper { background-color:#212121; background-image:url('/wp-content/uploads/2024/02/particles-bg-scaled.jpg'); background-position: 50% 50%; } .single-course #page-title, .single-lesson #page-title, .single-llms_quiz #page-title, .single-product #page-title, .woocommerce-cart #page-title, .woocommerce-checkout #page-title { color:black !important; } .single-course .overlay, .single-lesson .overlay, .single-llms_quiz .overlay, .single-product .overlay, .woocommerce-cart .overlay, .woocommerce-checkout .overlay { display:none; } .llms-question-image { margin:0 auto; width:500px !important; height:auto; } .llms-question-wrapper ol.llms-question-choices li.llms-choice input:checked + .llms-marker { background: #000 !important; } .lms-link { clear:both; width:100%; height:auto; padding:30px 0; text-align:center; } .lms-link a { color:blue; font-size:30px; text-align:center; } .lms-link a:hover { color:#ccc; } .llms-button-primary { background: #212121 !important; border-radius:20px !important; padding:10px 50px !important; text-transform:uppercase !important;} .llms-button-primary:hover, .llms-button-primary:hover a { color:#ccc !important; } .llms-meta-info { display:none; } .llms-lesson-preview { clear:both; display:block !important; width:100% !important; height:auto; } .llms-course-nav { margin-bottom:20px !important; } .llms-lesson-preview .llms-lesson-link { color:white !important; background: #212121 !important; } .llms-lesson-preview .llms-lesson-link:hover { background-color:#333 !important; } .llms-lesson-preview h5 { font-size:28px !important; } .llms-lesson-preview h6 { font-size:22px !important; } .postid-242 .llms-button-action.auto { display:none; } .llms-favorite-wrapper { display:none !important; } /* Quiz button */ .llms-lesson-button-wrapper { margin:30px auto !important; } .llms-button-action, .llms-button-secondary { width:300px !important; height:auto !important; max-width:98% !important; text-transform:uppercase !important; background: #212121 !important; color:#fff !important; font-size:20px !important; border-radius:20px !important; padding:10px 40px !important;} .llms-button-action:hover, .llms-button-secondary:hover { background-color:#333 !important; color:white !important; } /* test pages */ .llms-quiz-meta-info { margin:30px 0 !important; } .llms-quiz-ui .llms-progress { background-color: #212121; } .postid-282 .llms-return { display:none; } #llms-quiz-header { display:none; } h3.llms-question-text {line-height:36px !important; } .llms-quiz-buttons { margin-bottom:30px; } header.llms-quiz-attempt-question-header { height:auto !important; } footer#llms-quiz-nav { background-color:transparent !important; } /* ------------------------------------------ WooCommerce ------------------------------------------ */ /* Get Certified Category Product Page */ #content .products li.product-category a img { margin-top:50px; border:#ccc 5px solid; } #content .products { width:100%; } #content ul.products li.product-category img { } .woocommerce-loop-category__title { text-align:center !important; } /* Multi-Product Page */ #container { width:80%; margin:0 auto; text-align:center; } #content h1 { float:left; font-style:italic; margin:0 0 0 0;} .woocommerce-result-count { clear:both; margin:20px 0; } #content img { width:250px; height:250px; margin:0 auto; } .woocommerce-ordering { display:none; } #content ul li.product a img.attachment-shop_catalog { display:none; } .woocommerce-shop .woocommerce ul.products, .woocommerce-page ul.products { clear: both; width:90% !important; max-width:90% !important; } .woocommerce-shop .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n), .woocommerce-shop.woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) { clear:none !important; float:left !important; padding:0 .5% !important; } .woocommerce-shop .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-shop.woocommerce-page ul.products[class*="columns-"] li.product { clear:none !important; float:left !important; padding:0 .2% !important; } /* Product page */ #content .product .summary .price { clear:both; margin:30px auto; } #content .single_add_to_cart_button { margin:30px auto; } div.product div.summary, #content div.product div.summary, div.product div.summary, #content div.product div.summary { margin:30px 0 0 30px; text-align:left;} #content div.product div.images img, div.product div.images img, #content div.product div.images img { float:none !important; width:700px !important; max-width:95%; margin:0 auto !important; } div.product div.summary div.variations_form table { margin-top:60px; } table.variations { margin-top:30px; } table.variations .label { display:none; } table.variations .value #pa_payment-option { margin-top:10px; } .products li .price:after { content:none; } table.variations .value #pa_payment-option { margin-right: 10px; } /*Specific to Z DAS */ .woocommerce-page div.product .woocommerce-tabs { display:none; } h1.product_title { font-size:36px; line-height:46px; } .product .product_meta { display:none; } .woocommerce div.product form.cart .variations select { width:400px; padding:10px; font-size:20px; line-height:26px; } .woocommerce div.product .stock, .woocommerce div.product span.price { color: #212121 !important; font-size:26px !important; line-height:30px; } .woocommerce button.button.alt, .woocommerce a.button.alt { background-color:#212121 !important; text-transform:uppercase; } .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background-color:#666 !important; } /* Product Cart */ /*.cart_totals h2 { float:right; margin:0; padding:0; width:180px; height:30px; text-align:center; border-bottom:1px solid #ccc; } .cart_totals table { clear:both; float:right; margin:0; padding:0; } .cart_totals table td { float:right; margin:0; padding:0; } .product-quantity { text-align:center; margin:0; padding:0; } .product-total { text-align:right; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border:1px #ccc dotted; } ul.products .count { display:none !important; } .wc-proceed-to-checkout { clear:both !important; float:right !important; width:300px !important; } .actions .coupon { display:none !important; } p.return-to-shop { display:none !important; }*/ .wc-block-components-product-details li { padding-left: 0px !important; } /* Checkout Form */ .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { clear:both !important; float: left !important; width: 48%; } .woocommerce-checkout input { padding:5px !important; } /* My Account */ div.woocommerce div.col2set div.col-2 { display:none; } .wc-stripe-elements-field, .wc-stripe-iban-element-field { padding:10px !important; } /************************ Main Code ****************************/ .page-topper { padding-top:90px; background-size:cover; width:100%; height:100%; padding:0; z-index:1;} .page-topper img { position:absolute; top:90px; left:0; width:100%; height:calc(100vh - 90px); z-index:0; } .overlay { position:absolute; top:90px; left:0; width:100%; height:calc(100vh - 90px); background-color:rgba(0,0,0,.2); z-index:1; } .page-id-1463 header{ height:400px; padding-top:90px; } .page-id-114 header { height:600px; padding-top:90px; } #page-title { position:absolute; bottom:20%; left:2%; width:95%; color:white; height:auto; z-index:2; } .page-id-114 #page-title { display:none; } .page-id-114 .page-topper .overlay { display:none; } #main-text-nosides { display:block; clear:both; overflow:hidden; margin:0; padding-top:0; width:100%; height:auto; z-index:0; } #main-text-nosides.sticky { padding-top:150px; } .home #main-text-nosides { position:relative; padding-top:100vh; } .home #main-text-nosides.sticky { padding-top:0; } #entry { clear:both; margin:0 auto; width:90%; height:auto; padding:20px 0 0 0; min-height:400px; } /* .page-id-23 #entry { clear:both; margin:0 auto; width:100%; padding:0; height:auto; min-height:0; } */ .post-template-default #entry { padding:60px 0 20px 0; min-height:0; } #entry p { float:none; margin:10px auto; } .frm_toggle_container #entry p { clear:none; float:left; margin:0; } #secondary-content { clear:both; margin: 0 auto; width:100%; padding:0; } #secondary-content h2 { text-align:center; } section.parallax_section_holder { background-attachment:fixed; background-color:transparent; background-position:center 0; background-repeat:no-repeat; overflow:hidden; padding:0; position:static; } section { position:relative; z-index:1; } .frm_style_formidable-style.with_frm_style input[type="submit"] { width:auto !important; } /**************************** Main Code **********************************************/ #nav-submenu { display:none; position:absolute; right:0; top:0; color:white; width:100%; height:100vh; z-index:9999; } .blur-bg { background:rgba(0,0,0,.8); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); overflow:visible; } #the-submenu { position:absolute; bottom:100px; left:0; right:0; margin:auto; width:300px; height:auto; max-width:98%; font-size:16px; } .ubermenu-skin-minimal { font-size: 16px !important; } .ubermenu .ubermenu-item { text-align:center !important; } #menu-item-32 .ubermenu-target { border:2px solid white; border-radius:20px; } /* enroll */ .ubermenu-target { padding:5px 20px !important; margin:10px auto !important; } header { position:relative; display:block; margin:0; width:100%; height:100vh; background-color:#212121; z-index:1; } .home header { position:absolute; top:0; left:0; width:100%; height:100vh; background-color:white; } #top-header { position:absolute; top:0; left:0; width:100%; height:90px; background-color:#212121; z-index:9999999999999; } #top-header-bg { position:absolute; top:0; left:0; width:100%; height:90px; background-color:#212121; z-index:9; } #logo { position:absolute; top:20px; left:20px; width:250px; height:auto; padding:0; z-index:99; } #logo a { width:100%; height:100%; } #logo-icon { display:none; } #header-right { position:absolute; top:5px; right:20px; width:calc(100vw - 250px); height:auto; z-index:99; } .login-message { float:right; padding:0; color:white; } header.sticky .login-message { display:none;} #menu-item-3084 { display:none; } #nav-desktop-open { display:none; } #nav-desktop-closed, #nav-desktop-open { position:absolute; top:40px; right:0; width:36px; height:auto; color:white; } #nav-desktop-closed i, #nav-desktop-open i { font-size:40px; color:white; } #nav-desktop-closed svg path, #nav-desktop-open svg path { color:white; fill:white; } /* #top-header.sticky #nav-desktop-closed { position:fixed; top:20px; right:20px; z-index:9999; } #top-header.sticky #nav-desktop-closed i { color:#1a5e64; font-size:30px; } #top-header.sticky #nav-desktop-open a { color:#1a5e64; z-index:9999; }*/ #telephone { position:absolute; top:45px; right:80px; width:24px; } #enroll-today { position:absolute; top:50px; right:100px; width:200px; height:auto; color:white; } #header-bottom-left { position:static; float:left; width:35%; height:calc(100% - 90px); padding:0 5%; } #love-work { padding:250px 0 150px 0; font-size:40px; line-height:44px; font-weight:600; } .home h1 { font-size:30px; line-height:30px; font-weight:600; } #love-work, .home h1 { color:#212121; clear:left; text-align:center; } #about-Z-btn { margin:150px auto 0 auto; } #header-bottom-right { position:static; float:right; padding:90px 0 0 0; width:65%; } #header-bottom-right img { width:100%; height:calc(100vh - 90px); object-fit:cover; } /*#top-header.sticky { position:fixed; height:70px; background-color:white; color:black; box-shadow: 0 4px 2px -2px gray; z-index:999999999;} #top-header.sticky i { color:#1a5e64; } #top-header.sticky i:hover { color:#333; } #top-header.sticky #logo { display:none; } #top-header.sticky #logo-icon { display:block; position:absolute; top:10px; left:10px; margin:auto; padding:0; width:100px; height:auto;} #top-header.sticky #telephone, #top-header.sticky #request-appointment { display:none; }*/ #particles-js { position:absolute; top:100vh; left:0; right:0; bottom:0; width: 100%; height:100% !important; background-size:cover; background-position:50% 50%; background-repeat:repeat !important; background-color:white; z-index:0; } .particles-js-canvas-el { position:absolute; top:0; left:0; width:100% !important; height:100% !important; z-index:0; } canvas { display:block; vertical-align:bottom; } #instructors { display:block; clear:both; width:100%; height:auto; margin:50px 0; overflow:auto; background:transparent; z-index:99; } #instructors-content { margin:0 auto; width:100%; height:auto; max-width:100%; } #instructors-left { display:block; position:static; float:left; padding:20px 0; width:50%; height:100%; } #instructors-left img { float:none; margin:0 auto; width:750px; height:auto; padding-left:100px; max-width:98%; text-align:center; } #instructors-right { display:block; position:static; float:right; width:50%; height:100%; padding:20px 5%; } h2 { text-align:left; padding:0; font-size:28px; line-height:28px; font-weight:600; } #instructors-right .underline { clear:both; width:100%; height:auto; } #instructors-right p { margin:0 auto; width:90%; height:auto; padding:20px 0; text-align:center; } #about-instructors-btn { margin:50px auto 0 auto; } #convenience { display:block; clear:both; width:100%; height:auto; margin:50px 0; overflow:auto; background:transparent; z-index:99; } #convenience-content { margin:0 auto; width:100%; height:auto; max-width:100%; } #convenience-right { display:block; float:right; padding:20px 0; width:50%; height:100%; } #convenience-right img { float:right; width:100%; height:auto; max-width:98%; text-align:center; } #convenience-left { display:block; float:left; width:50%; height:100%; padding:20px 5%; } h2 { text-align:left; padding:0; font-size:28px; line-height:28px; font-weight:600; } #convenience-left .underline { clear:both; width:100%; height:auto; } #convenient-affordable-btn { margin:50px auto 0 auto; } #enroll { display:block; clear:both; width:100%; height:auto; margin:50px 0; overflow:auto; background:transparent; z-index:99; } #enroll-content { margin:0 auto; width:100%; height:auto; max-width:100%; } #enroll-left { display:block; float:left; padding:20px 0; width:50%; height:100%; } #enroll-left img { float:left; width:100%; height:auto; max-width:98%; text-align:center; } #enroll-right { display:block; float:left; width:50%; height:100%; padding:20px 5%; } h2 { text-align:left; padding:50px 0 0 0; font-size:28px; line-height:28px; font-weight:600; } #enroll-right .underline { clear:both; width:100%; height:auto; } #enroll-right p { margin:0 auto; width:90%; height:auto; padding:20px 0; text-align:center; } #enroll-btn { margin:50px auto 0 auto; } #crucial-role .image-half { background-image:url('/wp-content/uploads/2023/12/crucial-role-in-dentistry.jpg'); background-position:50% 50%; } #in-demand .image-half { background-image:url('/wp-content/uploads/2023/12/in-demand-profession-2.jpg'); background-position:50% 50%; } #in-demand .text-half h2 { text-align:right !important; } #like-your-career .image-half { background-image:url('/wp-content/uploads/2023/12/a-career-to-love.jpg'); background-position:50% 50%; } #meet-dr-z .image-half { background-image:url('/wp-content/uploads/2023/12/Meet-Dr-Z.jpg'); background-position:50% 50%; } #meet-dr-mo .image-half { background-image:url('/wp-content/uploads/2023/12/Meet-Dr-Mo.jpg'); background-position:50% 50%; } #meet-ingy .image-half { background-image:url('/wp-content/uploads/2023/12/Ingy-Dental-Assistant-Instructor-at-Z-Dental-Assistant-School.jpg'); background-position:50% 50%; } footer { clear:both; margin:0 auto; background-color:#212121; width:100%; height:auto; overflow:auto; padding:0; z-index:1; } footer a, .home footer a { color:white; } footer a:hover, .home footer a:hover { color:#ccc; } #contact-info { padding:50px 0; } #footer-map { float:right; width:60%; padding:0 5%; } #footer-map img { margin:0 auto; width:800px; height:auto; max-width:100%; } #location-text { float:left; width:40%; background-color:transparent; } #location-text-content {margin:0 auto; width:280px; height:auto; max-width:98%; } #footer-logo { clear:both; float:left; padding:0 0 20px 0; width:250px; height:auto; max-width:98%; } footer .social-media { clear:both; float:left; text-align:left; width:160px; height:60px; } footer .social-icon .fa { float:left; color:white; padding:20px 10px; } footer #facebook.social-icon .fa { padding:20px 10px 20px 0 !important; } #office-hours, footer p { clear:both; color:white; text-align:left; text-transform:uppercase; font-size:16px; } #footer-bottom-links { clear:both; margin:0 auto; padding-bottom:30px; width:800px; height:auto; max-width:98%; } #footer-links { text-align:left; clear:both; padding:60px 0 0 0; font-size:14px; } #footer-links a { text-align:center; font-size:14px; } #copyright, #fpes, #fpes a { font-size:14px; color:white; } #copyright { clear:both; text-align:left; font-size:14px; } #sitemap-page .page_item a { font-size:16px !important; line-height:18px !important;} #sitemap-page { margin:0 auto; width:1000px; height:auto; max-width:95%; } #sitemap-page ul.children li { padding-left:40px; } #sitemap-page ul.children { list-style-type: none; } #way-to-go-text1 { margin:40px auto; width:800px; height:auto; max-width:95%; text-align:center; font-size:30px; line-height:34px; } #way-to-go-text2 { margin:40px auto; width:800px; height:auto; max-width:95%; text-align:center; font-size:24px; line-height:28px; } /*********************************** MOBILE 1 ************************************/ @media handheld, screen and (max-width: 1024px) { .mobile { display:block; } .desktop{ display:none; } .text-half h2 { padding:10% 0 0 0; font-size:24px; line-height:24px; } #the-submenu { bottom: 50px; } .page-id-44 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/the-dental-assistant-career-mobile.jpg'); background-position: top 90px right -130px; } .page-id-17 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/dental-assistant-school-program-mobile.jpg'); background-position:50% 50%; } .page-id-19 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/z-instructors-mobile.jpg'); background-position:70% 50%; } .page-id-27 .page-topper { background-image:url('/wp-content/uploads/2024/04/shop-amazon-mobile.jpg'); background-position:0% 0%; } .page-id-25 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/pay-online-mobile.jpg'); background-position:0% 0%; } .page-id-23 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/contact-z-dental-assistant-school-mobile.jpg'); background-position:50% 80%; } .page-id-21 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/enroll-today-mobile.jpg'); background-position:right -200px bottom; } .page-id-114 header { max-height:500px; } .page-id-114 .page-topper { max-height:500px; max-width:100%; background-image:url('/wp-content/themes/fpes-theme/images/Way-to-go-mobile.jpg'); background-position:50% 50%;} .page-id-114 #way-to-go-text1 { margin: 0 auto 40px auto; } .rn-pbwp-div-0 { width:100%; height:100%; } #header-bottom-left { width:35%; } #love-work { padding:150px 0 60px 0; font-size:40px; line-height:44px; font-weight:600; } .home h1 { font-size:30px; line-height:30px; font-weight:600; } #love-work, .home h1 { color:#212121; clear:left; text-align:center; } #about-Z-btn { margin:50px auto 0 auto; } #header-bottom-right { width:65%; } #our-instructors .text-half p, .text-half p { line-height:24px; font-size:18px; } #our-instructors li { margin:10px 0 !important; } .sub-section { clear:both; width:100%; height:auto; overflow:auto; } .image-half { float:none; width:100%; height:400px; } .text-half { float:none; width:100%; height:auto; } .image-half.desktop {display:none;} .image-half.mobile {display:block;} #dental-career .sub-section { height:1000px; } #dental-career .text-half { height:400px; } #contact-info { padding:50px 0 0 0; } #footer-map { clear:both; float:none; margin:0 auto; width:800px; max-width:100%; } #location-text { clear:both; float:none; margin:30px auto 0 auto; width:100%; } } /**************************** MOBILE 2 *******************************/ @media handheld, screen and (max-width:820px) { .coln30, .coln70, .coln50, .coln33, .coln67 { clear:both; margin:0 auto; float:none; display:block; width:100%; height:auto; padding:20px 0; border:none; text-align:center; } h1 { font-size:50px; line-height:54px; } .home header { height:900px !important; } .home #main-text-nosides { padding-top:900px; } #header-bottom-right { position:static; float:right; width:100%; } #header-bottom-right img { width:100%; height:auto; max-width:100%; object-fit:cover; } #header-bottom-left { position:static; float:none; clear:both; margin:0 auto; padding:0; width:400px; height:auto; } #love-work { padding:20px 0 50px 0; font-size:30px; line-height:30px; font-weight:600; } .home h1 { font-size:24px; line-height:24px; font-weight:600; } #love-work, .home h1 { color:#212121; clear:left; text-align:center; } #about-Z-btn { margin:50px auto 0 auto; } #entry { width:96%; } #instructors-left { clear:both; float:none; margin:0 auto; padding:20px 0; width:100%; height:auto; } #instructors-left img { float:none; margin:0 auto; width:550px; height:auto; max-width:98%; } #instructors-right { clear:both; float:none; margin:0 auto; width:400px; height:auto; max-width:100%; } #convenience-right { clear:both; float:none; margin:0 auto; padding:20px 0; width:100%; height:auto; } #convenience-right img { width:100%; } #convenience-left { float:none; margin:0 auto; width:100%; height:auto; } #enroll-left { clear:both; float:none; margin:0 auto; width:100%; height:auto; } #enroll-left img { width:100%; } #enroll-right { float:none; margin:0 auto; width:100%; height:auto; } } /*************************** MOBILE 3 **********************************/ @media handheld, screen and (max-width:630px) { .alignleft, .alignright { float:none; margin: 0 auto;} .image-resize { margin:0 auto; } .uwy.userway_p5 .uai { bottom:50px !important; left:2px !important; } #page-title { bottom:50px; top:auto; text-align:center; width:98%; left:0; right:0; margin:auto; } .home h1 { font-size:26px; line-height:26px; } h2 { font-size: 24px; line-height: 26px;} body { font-size:18px; line-height: 20px; } #logo { left:10px; width:220px; } #header-right { position:absolute; top:15px; right:10px; width:calc(100vw - 220px); height:auto; z-index:99; } .login-message { display:none; } #menu-item-3084 { display:block; } #nav-desktop-closed, #nav-desktop-open { position:absolute; top:0; right:0; } #telephone { position:absolute; top:5px; right:65px; width:24px; } #enroll-today { position:absolute; top:50px; right:0; width:150px; font-size:18px !important;} #enroll-today a { font-size:18px !important; } .link-button.desktop { display:none; } .link-button.mobile { display:block; } .home header { min-height:850px !important; } .home #main-text-nosides { padding-top:850px; } .page-id-114 header { max-height: 350px; } .page-id-114 .page-topper { max-height:350px; background-image:url('/wp-content/themes/fpes-theme/images/Way-to-go-phone.jpg'); background-position:50% 50%; } .page-id-114 .page-topper img { max-width:100%; max-height:350px; } .page-id-114 .page-topper { max-height:350px; } } /*///// DESKTOP 1 ////*/ @media only screen and (min-width: 1025px) { .mobile{ display:none !important; } .desktop { display:block; } #telephone .desktop .show-phone-num { display:none; position:absolute; color:white; background-color:#000; padding:5px; top:40px; right:20px; z-index:999; width:200px; } #telephone:hover .desktop .show-phone-num { display:block; } .page-id-44 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/the-dental-assistant-career.jpg'); background-position: top 90px right -80px; } .page-id-17 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/dental-assistant-school-program.jpg'); background-position:0% 0%; } .page-id-19 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/z-instructors.jpg'); background-position:right 0%; } .page-id-27 .page-topper { background-image:url('/wp-content/uploads/2024/04/shop-amazon.jpg'); background-position:0% 0%;} .page-id-25 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/pay-online.jpg'); background-position:0% 0%;} .page-id-23 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/contact-z-dental-assistant-school.jpg'); background-position:0% 0%; } .page-id-21 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/enroll-today.jpg'); background-position:0% 0%; } /* elseif ( is_page( 'dental-assistant-program' )) { $bannerimg = 'dental-assistant-school-program.jpg'; } elseif ( is_page( 'pay-online' )) { $bannerimg = 'pay-online.jpg'; } elseif ( is_page( 'enroll-today-for-da-school' )) { $bannerimg = 'enroll-today.jpg'; } elseif ( is_page( 'amazon-shop' )) { $bannerimg = 'shop-amazon.jpg'; } elseif ( is_page( 'z-instructors' )) { $bannerimg = 'z-instructors.jpg'; } */ } @media only screen and (min-width: 1025px) and (max-width: 1300px) { /* #contact-info { padding:50px 0 0 0; } #footer-map { clear:both; float:none; margin:0 auto; width:100%; } #location-text { clear:both; float:none; margin:30px auto 0 auto; width:250px; max-width:98%; } */ .text-half h2 { padding:10% 0 0 0; font-size:24px; line-height:24px; } #our-instructors .text-half p, .text-half p { line-height:24px; font-size:18px; } #our-instructors li { margin:10px 0 !important; } #header-bottom-left { width:35%; } #header-bottom-right { width:65%; } #love-work { padding:150px 0 60px 0; font-size:40px; line-height:44px; font-weight:600; } .home h1 { font-size:30px; line-height:30px; font-weight:600; } #love-work, .home h1 { color:#212121; clear:left; text-align:center; } #about-Z-btn { margin:50px auto 0 auto; } .page-id-114 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/Way-to-go-mobile.jpg'); background-position:50% 50%; } } /*///// DESKTOP 2 ////*/ @media only screen and (min-width: 1201px) and (max-width: 1699px) { .page-id-114 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/Way-to-go-mobile.jpg'); background-position:50% 50%; } #love-work { padding:150px 0 100px 0; font-size:40px; line-height:44px; font-weight:600; } .home h1 { font-size:30px; line-height:30px; font-weight:600; } #love-work, .home h1 { color:#212121; clear:left; text-align:center; } #about-Z-btn { margin:100px auto 0 auto; } } /*///// DESKTOP 3 ////*/ @media only screen and (min-width: 1700px) { #love-work { padding:250px 0 150px 0; font-size:40px; font-weight:600; } .home h1 { font-size:30px; line-height:30px; font-weight:600; } #about-Z-btn { margin:150px auto 0 auto; } .page-id-114 .page-topper { background-image:url('/wp-content/themes/fpes-theme/images/Way-to-go.jpg'); background-position:50% 50%; } }