/* CSS Document */ /*-------------font-face--------------------------------------------------------------*/ @font-face { font-family: 'Ruda'; src: url('../fonts/ruda.eot'); src: url('../fonts/ruda.eot?#iefix') format('embedded-opentype'), url('../fonts/ruda.svg') format('svg'), url('../fonts/ruda.woff') format('woff'), url('../fonts/ruda.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RudaBold'; src: url('../fonts/ruda-bold.eot'); src: url('../fonts/ruda-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ruda-bold.svg') format('svg'), url('../fonts/ruda-bold.woff') format('woff'), url('../fonts/ruda-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RudaBlack'; src: url('../fonts/ruda-black-webfont.eot'); src: url('../fonts/ruda-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ruda-black-webfont.svg') format('svg'), url('../fonts/ruda-black-webfont.woff') format('woff'), url('../fonts/ruda-black-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AquariusSix'; src: url('../fonts/aquariussix.eot'); src: url('../fonts/aquariussix.eot?#iefix') format('embedded-opentype'), url('../fonts/aquariussix.svg') format('svg'), url('../fonts/aquariussix.woff') format('woff'), url('../fonts/aquariussix.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_sansregular'; src: url('../fonts/droidsans-webfont.eot'); src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-webfont.woff') format('woff'), url('../fonts/droidsans-webfont.ttf') format('truetype'), url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg'); font-weight: normal; font-style: normal; } /*----------Reset Styles--------------------------------------------------------------*/ body, html { margin: 0; padding: 0; outline: none; } body { font: 15px/19px 'droid_sansregular', Arial, Verdana, Tahoma, sans-serif; color: #333; -webkit-font-smoothing: antialiased !important; } @media screen and (min-width:0\0) { body { font: 15px/19px 'droid_sansregular', Verdana, Tahoma, sans-serif; } } p, img { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; } a img { border: 0; display: block; outline: none; } a { color: #007dc3; } a:hover { color: #004990; text-decoration: underline; outline: none !important; } a:focus { text-decoration: none; outline: none !important; } table { border-collapse: collapse; border-spacing: 0; line-height: 16px; width: 100%; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } table, table tr td, table tr th { border: 1px solid #d5d5d5; outline: none; } table tr td, table tr th { padding: 8px 20px; } form, input, textarea, select { margin: 0; padding: 0; outline: none; } input[type="submit"], button { outline: none !important; border: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; text-shadow: none !important; line-height: normal; } input[type="text"], input[type="password"], input[type="email"], textarea, select { font: 0.933em/20px 'Ruda', Arial, Verdana, Tahoma, sans-serif !important; height: 38px; border: 1px solid #ccc; padding: 7px 10px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #333; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #74b9ef; box-shadow: 0 0 5px rgba(116,185,239,0.4) !important; -moz-box-shadow: 0 0 5px rgba(116,185,239,0.4) !important; -webkit-box-shadow: 0 0 5px rgba(116,185,239,0.4) !important; } select { padding: 5px 7px; height: 32px; } textarea { resize: none; overflow: auto; max-height: 88px; padding: 6px 10px !important; line-height: 18px !important; } input:-ms-input-placeholder { line-height: 17px !important; } .search-block input:-ms-input-placeholder { line-height: 10px !important; } .search-block input::-webkit-input-placeholder { line-height: 18px !important; } input::-webkit-input-placeholder { color: #9c9c9c; } input:-ms-input-placeholder { color: #9c9c9c; } :-moz-placeholder { opacity: 1; color: #9c9c9c;} ::-moz-placeholder { opacity: 1; color: #9c9c9c; } .placeholder { color: #9c9c9c !important; line-height: 40px; } .login-form input::-webkit-input-placeholder { line-height: 18px !important; } .login-form input#user_login::-webkit-input-placeholder { line-height: 15px !important; } .login-form input#user_login:-ms-input-placeholder { line-height: 32px !important; } @media all and (-webkit-min-device-pixel-ratio: 1){ input[type="text"], input[type="password"], input[type="email"] { line-height: 100% !important; } } header, hgroup, nav, aside, section, article, footer { display: block; margin: 0; padding: 0; outline: none; } /*----------Reset Lists style-----------------------*/ .comment-message-info, .sidebar.left-sidebar .widget .menu, ul.login, .header-menu .menu, .header-menu ul.menu li .sub-menu ul, .gform_wrapper .gform_body ul, .footer-top .follow-us ul.follow-us-list, .footer-info ul.follow-us-imgs, .footer-main-content ul, .breadcrumbs-content, .homepage-slider ul, .brands-logo ul, .sidebar .widget-custom-nav-menu, .widget_extended-categories ul, .widget_jal_widget ul, .gform_wrapper ul, .mobile-menu .mobile-main-menu ul, #main-content .services ul, #main-content .state-links { margin: 0; padding: 0; list-style: none; } /*----------Custom Font---------------------------------------------------------------*/ .header-menu ul.menu li .sub-menu ul li a, .footer-top .keep-update-signup .gform_wrapper .gform_body label, .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li a, .single-product-banner .col-md-6 a { font-family: 'Ruda', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; } .medicare-item-code, .btn-base, a.homepage-link, #main-content .woocommerce #content .button, .content .wpb_row .wpb_button, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .header-content .user-info .cart-content a, .header-content .user-info ul.login, .header-content .user-info .cart p span, .header-menu ul.menu li a, .footer-top .keep-update-signup p, .footer-top .follow-us .follow-us-list li a, .footer-info ul.follow-us-imgs li > a, .eye-test p, .find-optometrist p, .widget .avhec-widget-count, .widget_jal_widget h3.widget-title, .content .wpb_row strong, .gform_wrapper .gfield_label, .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label.post .links .fb-link, #commentform label, div.comment-list div.comment-single .comment-header .author, .listing-blog .links .comments, #respond .form-submit input[type="submit"], .header-menu ul.menu li .sub-mega-menu .mega-menu-content div a.view-all, .header-menu ul.menu li .sub-mega-menu .mega-menu-content div h3, .mobile-menu .mobile-main-menu ul li a, .mobile-menu .back-link, .mobile-menu .mobile-main-menu ul li .sub-mega-menu .mega-menu-content div h3, .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row label { font-family: 'RudaBold', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; } .header-content .moto, #main-content h1, .single-product-banner .col-md-6 span { font-family: 'AquariusSix', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; } /*----------Base List-----------------------------------------------------------------*/ ul.check-icon { padding: 15px 0; } ul.check-icon li { display: block; font-size: 14px; line-height: 16px; background: url(../images/icons/list-icon.png) no-repeat; padding: 4px 0 10px 30px; } /*----------Base Button---------------------------------------------------------------*/ .btn-base, a.homepage-link, .woocommerce #content .button, .content .wpb_row .wpb_button, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], #respond .form-submit input[type="submit"] { display: inline-block; background: url(../images/site/button/base-btn-bg.png) repeat-x; padding: 0 15px; height: 34px; line-height: 35px; font-size: 13px; text-align: center; color: #fff !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-text-stroke: 1px rgba(255,255,255,0.1); } .btn-base:hover, a.homepage-link:hover, .woocommerce #content .button:hover, .content .wpb_row .wpb_button:hover, .gform_wrapper .gform_footer input.button:hover, #respond .form-submit input[type="submit"]:hover { color: #fff; background: url(../images/site/button/base-btn-bg.png) 0 -50px repeat-x; text-decoration: none; } .btn-base.h50 { height: 50px; line-height: 51px; font-size: 1.467em; } .btn-base.h45, .content .wpb_row .wpb_button.large, #respond .form-submit input[type="submit"] { height: 45px; line-height: 46px; font-size: 1.067em; } .btn-base.h30, .content .wpb_row .wpb_button.small { height: 30px; line-height: 31px; font-size: 12px; } .btn-base.h22, .content .wpb_row .wpb_button.extra_small { height: 22px; line-height: 23px; font-size: 12px; } /*#respond .form-submit input[type="submit"] { padding-top: 2px; } .content .wpb_row .wpb_button { padding-top: 2px;} */ /*-------------*/ .sep_head + .vc_separator { margin-top: -15px; } /*----------Main Styles---------------------------------------------------------------*/ #main { min-width: 310px !important; position: relative; width: 100%; } /*----------Header Styles-------------------------------------------------------------*/ #header { background: #fff; width: 100%; z-index: 1005; } .header-content { padding-bottom: 10px; } .header-content .logo, .header-content .inner-content, .header-content .moto, .header-content .user-name { float: left; } .header-content .logo { width: 17.5%; padding-top: 10px; } .header-content .logo img { max-width: 100%; } .header-content .user-info { float: right; margin-left: 4.8%; max-width: 77.7%; background: url(../images/site/button/base-btn-bg.png) repeat-x; color: #fff; border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; padding: 0 0 0 0; font-size: 1.067em; } .header-content .user-info ul.login { float: left; border-right: 1px solid #7579c5; } .header-content .user-info .login li { float: left; line-height: 37px; border-right: 1px solid #3a3f85; border-left: 1px solid #7579c5; } .header-content .user-info .login li:first-child { border-left: 0; border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; overflow: hidden; } .header-content .user-info .login li:first-child a { border-left: 0; border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; } .header-content .user-info .login li a { color: #fff; padding: 0 10px; display: block; } .header-content .user-info .login li a:hover { background: url(../images/site/button/base-btn-bg.png) 0 -50px repeat-x; text-decoration: none; } .header-content .user-info .cart, .header-content .user-info .cart p, .header-content .user-info .cart span.cart-icon { float: left; } .header-content .user-info .cart { line-height: 37px; } .header-content .user-info .cart a { display: block; overflow: hidden; color: #fff; position: relative; padding-right: 10px; padding-left: 11px; border-radius: 0 3px 3px 0; } .header-content .user-info .cart a:hover { background: url(../images/site/button/base-btn-bg.png) 0 -50px repeat-x; } .header-content .user-info .cart span.cart-icon { background: url(../images/icons/cart-small-icon.png) no-repeat; width: 22px; height: 18px; text-indent: -10000px; margin: 8px 0 0 15px; } .header-content .user-info .cart a:hover span.cart-icon { background-position: 0 -18px; } .header-content .inner-content { padding-left: 4.8%; width: 82.5%; margin-top: 8px; } .header-content .inner-content .moto { width: 31.5%; color: #454a9f; font-size: 1.4em; line-height: 23px; } .header-content .inner-content .user-name { padding-left: 1%; width: 37%; padding-top: 4px; line-height: 17px; } .header-content .inner-content .user-name a { color: #333; } .header-content .inner-content .user-name a.not-you { color: #007dc3; font-size: 0.8em; } .header-content .inner-content .user-name a.not-you:hover { color: #004990; } .header-content .inner-content .search-block { float: right; width: 30%; margin-top: 7px; border: 1px solid #c0c0c0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); padding: 0 10px; } .header-content .inner-content .search-block input[type="text"]{ float: left; width: 85%; border: 0; background: transparent; padding: 7px 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .header-content .inner-content .search-block input[type="text"]:focus { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .header-content .inner-content .search-block input[type="submit"]{ float: right; background: url(../images/icons/search-icon.png) no-repeat; width: 18px; height: 19px; text-indent: -10000px; margin-top: 10px; } .header-content .inner-content .search-block input[type="submit"]:hover { background-position: 0 -19px; } /*-----------------------------------------------------*/ .header-menu { background: #007dc3; } .header-menu ul.menu { float: left; width: 102%; margin: 0 -5px; position: relative; } .header-menu ul.menu > li { float: left; height: 55px; padding-left: 5px; } .header-menu ul.menu > li > .inner { padding-right: 5px; } .header-menu ul.menu > li > .inner > a { color: #fff; display: block; height: 50px; line-height: 57px; padding: 0 4px; } .header-menu ul.menu li.homepage a { width: 37px; background: url(../images/icons/home-icon.png) no-repeat center top; text-indent: -10000px; } .header-menu ul.menu > li:hover, .header-menu ul.menu > li.current-menu-item, .header-menu ul.menu > li.current-menu-parent { background: url(../images/backgrounds/main-menu-bg.png) no-repeat; } .header-menu ul.menu > li:hover > .inner, .header-menu ul.menu > li.current-menu-item > .inner, .header-menu ul.menu > li.current-menu-parent > .inner { background: url(../images/backgrounds/main-menu-bg.png) right -55px no-repeat; } .header-menu ul.menu > li:hover > .inner > a, .header-menu ul.menu > li.current-menu-item > .inner > a, .header-menu ul.menu > li.current-menu-parent > .inner > a { background: #fff; color: #007dc3; border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; text-decoration: none; } .header-menu ul.menu li.homepage:hover a, .header-menu ul.menu li.homepage.current-menu-item a { background: #fff url(../images/icons/home-icon.png) no-repeat center -55px; } .header-menu ul.menu > li.menu-item-has-children:hover > .inner { background: url(../images/backgrounds/sub-menu-bg.png) right top no-repeat; } .header-menu ul.menu > li.menu-item-has-children:hover > .inner > a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 55px; } .header-menu ul.menu li .sub-menu { display: none; max-width: 225px; position: absolute; background: #fff; border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; box-shadow: 0 4px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 4px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.2); padding: 22px 25px 20px; z-index: 3; } .header-menu ul.menu li .sub-menu ul li { padding-top: 15px; } .header-menu ul.menu li .sub-menu ul li:first-child { padding-top: 0; } .header-menu ul.menu li .sub-menu ul li a { line-height: 16px; } .header-menu ul.menu li .sub-menu ul li.current_page_item a { color: #004990; text-decoration: underline; } /*-----------------------------------------------------*/ .header-menu ul.menu li.mega-sub-menu > div.inner { position: relative;} .header-menu ul.menu li.mega-sub-menu > div.inner:after { display: none; background: url(../images/backgrounds/main-menu-bg.png) right bottom no-repeat; width: 5px; height: 5px; position: absolute; bottom: 0; left: -5px; content:'';} .header-menu ul.menu li.mega-sub-menu:hover > div.inner:after {display: block;} .header-menu ul.menu li .sub-mega-menu { margin-left: 5px; left: 0; max-width: 940px !important; width: 100%; } .header-menu ul.menu li .sub-mega-menu { z-index: 9999; padding: 22px 37px;} .header-menu ul.menu li .sub-mega-menu ul { overflow: hidden;} .header-menu ul.menu li .sub-mega-menu .mega-menu-description { width: 100%; clear: both; } .header-menu ul.menu li .sub-mega-menu .mega-menu-content { border-collapse: collapse; margin-right: -36px; margin-right: -36px; position: relative;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content .mega-menu-row { display: table-row;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content .mega-menu-row > div {display: table-cell; padding: 0 35px 35px 35px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 33.33333%;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content .mega-menu-row > div:first-child { border-left: none; padding-left: 0;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content .mega-menu-row:first-child > div:after { position: absolute; top: 0; bottom: 0; width: 1px; height: 100%; background: #ccc; content:''; margin-left: -36px;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div h3 {color: #004990; font-size: 1.3333em; padding-bottom: 20px; clear: both; height: auto; } .header-menu ul.menu li .sub-mega-menu .mega-menu-content div img { max-width: 228px; height: auto;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div aside { padding-top: 30px; clear:both;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div aside:first-child { padding-top: 0;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.logos ul li { padding-top: 0; padding-bottom: 15px;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.logos ul li .inner-content { overflow: hidden;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.logos ul li .inner-content .logo { display: table-cell; vertical-align: middle; padding-left: 10px; width: 50%; text-align: right;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.logos ul li .inner-content .logo:first-child { padding-left: 0; text-align: left;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.sidebar ul li { padding: 0; height: auto; margin-top: 10px; float: none; background: none;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.sidebar ul li:first-child {margin-top: 0;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.sidebar ul li a { background: none; color: #007dc3;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.sidebar ul li a:hover { background: none;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.custom p { margin: 1em 0;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.custom p:first-child { margin-top: 0;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content div a.view-all {color: #004990; margin-top: 10px; display: inline-block;} .mega-menu-edit .btn-base { line-height: 35px !important;} .mobile-menu { display: none; } /*-------------------------Main Content Styles-----------------------------------------*/ #main-content { padding-bottom: 30px; width: 100%; overflow: hidden; } /*-------------------------HomePage Styles---------------------------------------------*/ /*-------------------------BrandLogo Styles----------------*/ .brands-logo { padding: 20px 0; width: 100%; overflow: hidden; } .brands-logo ul { position: relative; width: 100%; } .brands-logo ul li { position: absolute; display: none; left: 0; top: 0; min-height: 50px; } .brands-logo ul li:first-child { position: relative; display: block; float: left; } .brands-logo ul li .inner-content { width: 100%; overflow: hidden; display: table; } .brands-logo ul li .inner-content .logo { padding-left: 75px; display: table-cell; vertical-align: middle; } .brands-logo ul li .inner-content .logo:first-child { padding-left: 0px; } .brands-logo ul li .inner-content .logo img { max-width: 100%; } /*-------------------------Featured Box Styles-----------------------------------------*/ .featured-boxes .featured-box { width: 100%; overflow: hidden; padding-top: 20px; } .featured-boxes .featured-box:first-child { padding-top: 0; } .featured-boxes .featured-img { padding-bottom: 27px; } .featured-boxes .featured-img img { width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .featured-boxes .featured-content a:hover { text-decoration: none; } .featured-boxes .featured-content h3 { font-size: 1.6em; line-height: 24px; color: #004990; padding-bottom: 22px; } .featured-boxes .featured-content h3 a { color: #004990; } .featured-boxes .featured-content h3 a:hover { color: #023f79; } .featured-boxes .featured-content .descr { padding-bottom: 17px; } /*-------------------------Page Title--------------------------------------------------*/ .page-title { padding: 20px 0 30px 0; } .page-title h1, .content .wpb_row h1 { font-size: 3.333em; line-height: 50px; color: #007dc3; text-transform: uppercase; } /*-------------------------Breadcrumbs-------------------------------------------------*/ .breadcrumbs-content { width: 100%; overflow: hidden; padding-bottom: 15px; margin-left: -8px; } .breadcrumbs-content li { float: left; padding: 0 12px 0 8px; background: url(../images/icons/breadcrumbs-icon.png) right center no-repeat; color: #007dc3; } .breadcrumbs-content li.last { background: none; padding-right: 0; } .breadcrumbs-content li a { color: #333; } /*-------------------------Simgle Product Banner---------------------------------------*/ .single-product-banner { padding-top: 20px; padding-bottom: 10px; } .single-product-banner .col-md-6 { background: #00a3e4; color: #fff; text-align: center; min-height: 50px; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .single-product-banner .col-md-6:first-child { background: #4549a0; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .single-product-banner .col-md-6 .row { padding: 5px; min-height: 50px; } .single-product-banner .col-md-6 .inner-row { display: table; width: 100%; height: 40px; min-height: 40px; } .single-product-banner .col-md-6 .row-content { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .single-product-banner .col-md-6 img { display: inline-block; max-width: 49px; max-height: 40px; vertical-align: middle; } .single-product-banner .col-md-6 span { display: inline-block; font-size: 20px; line-height: 22px; padding-left: 15px; text-transform: uppercase; margin-top: 2px; vertical-align: middle; max-width: 56%; } .single-product-banner .col-md-6 a { display: inline-block; font-size: 15px; color: #fff; padding-left: 10px; background: url(../images/icons/link-arrows.png) left -11px no-repeat; background-size: 5px 400%; margin-left: 20px; vertical-align: middle; } /*-------------------------Content Styles----------------------------------------------*/ .content.main-columns.col-md-9 { width: 70.8%; float: right; } .content.main-columns.col-md-9:first-child { float: left; width: 68.8%; } .content > h2 { color: #004990; font-size: 2.09em; line-height: 32px; border-bottom: 1px solid #ccc; padding-bottom: 18px; margin-bottom: 18px; } /*-------------------------Sidebar Styles----------------------------------------------*/ .right-sidebar { float: right !important; } .sidebar .widget { padding-bottom: 20px; } .sidebar .widget-title { font-size: 1.6em; line-height: 24px; color: #004990; padding-bottom: 10px; } .sidebar .widget_sp_image > a { display: block; height: inherit; } .sidebar .widget img { max-width: 100%; height: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .sidebar .widget-custom-nav-menu li, .sidebar.left-sidebar .widget .menu li { height: 41px; display: table; width: 100%; } .sidebar .widget-custom-nav-menu li a, .sidebar.left-sidebar .widget .menu li a, .widget_extended-categories ul li a { display: table-cell; vertical-align: middle; border: 1px solid #ccc; border-top: 0; padding: 8px 12px 6px; color: #333; font-size: 0.933em; line-height: 15px; width: 100%; } .sidebar .widget-custom-nav-menu li:first-child a, .sidebar.left-sidebar .widget .menu li:first-child a, .widget_extended-categories ul li:first-child a { border-top: 1px solid #ccc; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; } .sidebar .widget-custom-nav-menu li.last a, .sidebar.left-sidebar .widget .menu li.last a, .widget_extended-categories ul li.last a, .sidebar.left-sidebar .widget .menu li:last-child a, .sidebar .widget-custom-nav-menu li:last-child a, .widget_extended-categories ul li:last-child a { border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; } .sidebar .widget-custom-nav-menu li:hover a, .sidebar .widget-custom-nav-menu li.current-menu-item a, .sidebar.left-sidebar .widget .menu li:hover a, .sidebar.left-sidebar .widget .menu li.current-menu-item a, .widget_extended-categories ul li:hover a, .widget_extended-categories ul li.current-cat a { background: #428cca; color: #fff; text-decoration: none; border-color: #428cca; } .widget_extended-categories .widget-title { padding: 0; } .widget_extended-categories ul li .avhec-widget-line { height: 41px; display: table; width: 100%; position: relative; } .widget .avhec-widget-count { background: #007dc3; border-radius: 10px; color: #fff; font-size: 13px; height: 19px; line-height: 20px; padding: 0 7px; } .widget_extended-categories ul li a { padding: 8px 50px 5px 18px; } .widget_extended-categories ul li:hover .avhec-widget-count, .widget_extended-categories ul li.current-cat .avhec-widget-count { background: #fff; color: #007dc3; } .widget_extended-categories ul li .avhec-widget-count { position: absolute; right: 10px; top: 11px; } .widget_jal_widget { padding-top: 10px; } .widget_jal_widget h3.widget-title { font-size: 0.933em; background: #428cca; color: #fff; padding: 11px 19px 7px; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; } .widget_jal_widget ul { font-size: 0.933em; } .widget_jal_widget .avhec-widget-count { float: right; } .widget_jal_widget > ul > li { border: 1px solid #ccc; border-width: 0 1px 1px; padding: 13px 10px 9px 17px; } .widget_jal_widget > ul > li.last, .widget_jal_widget > ul > li:last-child { border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; } .widget_jal_widget ul li a { color: #333; } .widget_jal_widget ul li a:hover { color: #004990; text-decoration: none; } .widget_jal_widget > ul > li > ul { padding-left: 35px; } .widget_jal_widget > ul > li > ul > li { width: 100%; overflow: hidden; } .widget_jal_widget > ul > li > ul > li > a { line-height: 22px; } .widget_jal_widget ul li ul li ul { padding-left: 15px; } .widget_jal_widget ul li ul li ul li { line-height: 14px; padding-bottom: 1px; } .widget_jal_widget ul li ul li ul li a { color: #428cca; } .widget_jal_widget ul li ul li ul li a:hover { color: #004990; } /*-------------------------Paginator--------------------------------------------------*/ .navigation { padding: 22px 0 35px;} .tw-pagination { display: inline-block; padding: 0; border-radius: 4px; margin: 0;} .tw-pagination > li { display: inline;} .tw-pagination > li > a, .tw-pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #ffffff; border: 1px solid #dddddd; margin: 0; margin-left: -1px; font-size: 0.93em;} .tw-pagination > li > span.gap {margin-right: 0;} .tw-pagination > li:first-child {display: none;} .tw-pagination > li:nth-child(2) > a, .tw-pagination > li:nth-child(2) > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;} .tw-pagination > li:last-child > a, .tw-pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px;} .tw-pagination > li > a:hover, .tw-pagination > li > span:hover, .tw-pagination > li > a:focus, .tw-pagination > li > span:focus { color: #2a6496; background-color: #eeeeee; border-color: #dddddd;} .tw-pagination .current { padding: 6px 12px; margin-right: 0; } .tw-pagination > li > a.current, .tw-pagination > li > span.current, .tw-pagination > li > a.current:hover, .tw-pagination > li > span.current:hover, .tw-pagination > li > a.current:focus, .tw-pagination > li > span.current:focus { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; cursor: default; } /*-------------------------Blog Styles------------------------------------------------*/ .listing-blog { padding-bottom: 22px;} .listing-blog + .navigation { padding-top: 0;} .post { padding-top: 2.666em;} .post:first-child { padding-top: 0;} .post h3 { font-size: 1.6em; padding: 0 0 0.53em 0; line-height: 1.2em; color: #004990;} .single .post h3 { padding-bottom: 15px;} .post h3 a { color: #004990; padding-right: 5px; } .post h3 .date { color: #007dc3; font-size: 0.75em;} /*-------------------------------*/ .post .description { padding: 0 0 1.2em 0;} .single .post .description { padding: 0;} .single .post .description > .wpb_row.vc_row-fluid { margin-bottom: 0 !important;} .post .featured-image img { margin-bottom: 35px; border-radius: 5px; width: 100%; height: auto; } .single .post .featured-image img { margin-bottom: 24px;} /*-------------------------------*/ .post .links { padding: 12px 15px 9px 20px; margin: 1.866em 0 0 0; overflow: hidden; background: #e5f2f9; border-radius: 5px;} .single .post .links { margin: 17px 0 0 0;} .post .links .fb-link { float: left; height: auto; color: #3c5b9a; line-height: 1.5;} .post .links div.fb-link a { display: inline-block; padding-left: 34px; color: #3c5b9a; background: url(../images/icons/facebook-icon.png) 0 0 no-repeat; line-height: 30px;} .post .links #fcbk_share { float: left; height: auto; margin-right: 10px;} /*-------------------------------*/ .post .links .comments { float: right; color: #007dc3; line-height: 27px; } .post .links .comments a, .post .links .comments span { background: #007dc3; color: #fff; padding: 1px 7px; border-radius: 10px; font-size: 0.866em;} .post .links .comments a:hover {text-decoration: none;} /*-------- Comments -----------*/ div.comment-block { padding-top: 34px;} div.comment-block h2 { font-size: 2.1333em; color: #004990; padding-bottom:20px;} div.comment-list { font-size: 0.9333em; border-radius: 7px; border: 1px solid #ddd; overflow: hidden;} /*-------------------------------*/ div.comment-list div.comment-single:first-child { border: none;} div.comment-list div.comment-single { padding: 15px 13px 10px 22px; background: #fff; border-top: 1px solid #ddd;} div.comment-list div.comment-single.even { background: #f5f5f5;} div.comment-list div.comment-single .comment-header { overflow: hidden; color: #007dc3;} div.comment-list div.comment-single .comment-header .author { float: left; } div.comment-list div.comment-single .comment-header .date { float: right; font-size: 0.857em; } /*-------------------------------*/ #comments {padding-top: 1em;} #respond { padding-top: 35px; padding-bottom: 28px; overflow: hidden;} #respond h3 { font-size: 2.1333em; color: #004990; padding-bottom: 17px;} #commentform { font-size: 0.9333em;} #commentform label { color: #007dc3;} #commentform input[type="text"], #commentform textarea { display: block; width: 100%; margin-top: 7px; } #commentform textarea { height: 88px;} #commentform .required {color: #ed1c24; } #commentform .comment-form-author { float: left; width: 49%;} #commentform .comment-form-email { float: right; width: 49%;} #commentform .comment-form-comment { padding-top: 1em; clear: both; overflow: hidden;} #commentform .comment-form-captcha { padding-top: 10px; } #commentform .captcha-image { float: left; margin-top: 14px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; text-align: center;} #commentform .form-submit { float: right; margin-top: 14px; } .btn-base.back { min-width: 90px; height: 30px; line-height: 30px; font-size: 12px;} .comment-message-info { border-radius: 5px; padding: 5px 10px 6px 10px; margin-bottom: 15px; background: #E0FBCF; border-top: 1px solid #01C33C;} .comment-message-info.error { background: #FEE8E6; border-top: 2px solid #F6101A;} .comment-message-info li { overflow: hidden; line-height: 27px;} .comment-message-info li i { float: left; padding:1px 12px 5px 0; color: #01C33C; font-size: 25px;} .comment-message-info.error li i { color: #F6101A; } /*-------------------------Search Result Styles---------------------------------------*/ .search-results .sidebar { padding-top: 32px; } .title-search-result { padding: 0 0 0.86em 0; } .title-search-result h2 { color: #004990; font-size: 1.6em; } /*----------------------------------*/ .content .search-form { height: 38px; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; } .content .search-form input[type="text"] { float: left; border: none; width: 87%; color: #999; height: 36px; padding: 10px 10px 8px; } .content .search-form input[type="text"]:focus { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .content .search-form input#searchsubmit { float: right; background: url(../images/icons/search-icon.png) no-repeat; width: 18px; height: 19px; text-indent: -10000px; margin-top: 9px; margin-right: 10px; } .content .search-form input#searchsubmit:hover { background-position: 0 -19px; } /*---------------------------------*/ .search-result { padding-top: 10px;} .search-result article { padding: 1.2em 0;} .no-search-result {padding: 1.2em 0;} .search-result article h3 { font-size: 1.2em; padding-bottom: 0.7em; color: #004990;} .search-result article h3 a { color: #004990;} .search-result article .descr { padding-bottom: 0.93em; } /*-------------------------Optometrist Section Styles---------------------------------------*/ #main-content .state-links { overflow: hidden; margin: -20px -24px 0 -5px; font-size: 1.2em; clear: both;} #main-content .state-links li { float: left; margin: 0; padding: 0 5px; margin-bottom: 10px; width: 20%;} #main-content .state-links li.active a, #main-content .state-links li a:hover { background: #007dc3; text-decoration: none;} #main-content .state-links li:first-child {} #main-content .state-links li a { display: block; background: #00a4e4; padding: 0 10px; line-height: 43px; height: 41px; color: #fff; border-radius: 5px; text-align: center;} /*----------------------*/ #main-content .state-listing .row {margin-right: -30px;} #main-content .state-listing .state-listing-box { position: relative; margin-top: 17px; overflow: hidden; margin-bottom: 24px; overflow: hidden;} #main-content .state-listing .state-listing-box h3 {font-size: 1.6em; padding-bottom: 8px; color: #004990; line-height: 26px; } #main-content .state-listing .state-listing-box p { line-height: 1.714em; font-size: 0.93333em;} /*----------------------*/ #main-content .state-listing-box .optometrists { display: inline-block; } #main-content .state-listing-box .optometrists .block { position: relative; padding: 15px 17px 62px 17px; border: 1px solid #cccccc; border-radius: 5px; min-height: 258px;} #main-content .state-listing-box .optometrists .btn-base { position: absolute; bottom: 18px; right: 29px; left: 17px;} /*----------------------*/ #main-content .contact {overflow: hidden; padding-bottom: 25px; } #main-content .contact .acf-map { margin: 0; border-radius: 5px; width: 100%; max-width: 540px; height: 305px; border: #ccc solid 1px; } #main-content .contact .contact-block { width: 35.1%; } /*----------------------*/ #main-content .contact .contact-info > div { padding-left: 72px; font-size: 1.2em; margin-bottom: 22px; min-height: 55px; line-height: 1.2;} #main-content .contact .contact-info > div h5 { font-size: 1em; color: #007dc3;} #main-content .contact .contact-info > div.address { background: url(../images/icons/ico-addr.png) 0 0 no-repeat; } #main-content .contact .contact-info > div.phone { padding-top: 10px; background: url(../images/icons/ico-tel.png) 0 0 no-repeat;} #main-content .contact .contact-info > div.email { padding-top: 10px; background: url(../images/icons/ico-email.png) 0 0 no-repeat; } #main-content .contact .contact-info > div.facebook-account-link { padding-top: 10px; background: url(../images/icons/ico-fb.png) 0 0 no-repeat; } #main-content .contact .contact-info > div.email a {color: #333; word-wrap:break-word;} #main-content .contact .contact-info > div.email a.new-link { padding-top: 5px; display: block; } #main-content .contact .contact-info > div.email a.new-link, #main-content .contact .contact-info > div.email a.new-link:hover {color: #007dc3;} #main-content .contact .contact-info > div.phone > div h5 { display: inline-block;} #main-content .contact .contact-info > div.phone > div p{ display: inline-block;} /*----------------------*/ #main-content .contact .booking-form { border-radius: 5px; overflow: hidden; background: #00a4e4; font-size: 1.6em; margin-top: 26px;} #main-content .contact .booking-form a {display: block; padding: 0 0 0 28px; overflow: hidden; line-height: 60px; color: #fff; white-space: nowrap;} #main-content .contact .booking-form a:hover { color: #004990; text-decoration: none;} /*----------------------*/ #main-content .contact .booking-form img { height: 51px; margin-right: 10px; float: left;} /*----------------------*/ #main-content .service-list { padding-top: 20px;} #main-content .serv-opt { margin: 0; overflow: hidden; padding-bottom: 40px; } #main-content .serv-opt h3 {color: #1387c7; padding-bottom: 8px;} #main-content .services div.block-content { background: url(../images/icons/services.png) 0 0 no-repeat; padding-left: 78px; } /*----------------------*/ #main-content .services ul li { padding-left: 12px; background: url(../images/icons/bull.png) 0 0.5em no-repeat;} /*----------------------*/ #main-content #optometrist-info { position: relative; padding: 20px !important; background: #dff2ff !important; font-size: 0.93333em !important; border-radius:10px; border-bottom: none !important; margin-top: 10px !important;} #main-content #optometrist-info:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(223, 242, 255, 0); border-bottom-color: #dff2ff; border-width: 18px; margin-left: -18px; } #main-content #optometrist-info h3 { font-size: 1.2857em; color: #007dc3 !important; line-height: 1;} #main-content #optometrist-info strong { color: #00a4e4;} #main-content #optometrist-info .serv-opt { position: relative; padding-bottom: 0; border: none;} #main-content #optometrist-info .serv-opt:after {display: block; height: 100%; border-left: 1px solid #fff; content:''; position: absolute; top: 0; left: 50%; bottom: 0;} #main-content #optometrist-info .serv-opt .block-content { padding-left: 74px;} #main-content #optometrist-info .serv-opt .opening-times .block-content { margin-left: 15px;} #main-content #optometrist-info .serv-opt .adress .block-content { background: url(../images/icons/ico-addr.png) 0 0 no-repeat;} #main-content .content .wpb_row ul.loader { position: relative;} #main-content .content .wpb_row ul.loader:before {display: block; height: 100%; width: 100%; content:''; position: absolute; top: 0; left: 0; z-index: 2; background: #FFF url(../images/icons/ajax-loader.gif) center center no-repeat; opacity: 0.8;} /*----------------------*/ #main-content .opening-times div.block-content { background: url(../images/icons/times.png) 0 0 no-repeat; padding-left: 78px; } #main-content .opening-times:first-child {width: 100%;} #main-content .opening-times:first-child div.block-content { margin-left: 0;} #main-content .opening-times span { color: #00a4e4;} /*----------------------*/ #main-content .opening-times .date { overflow: hidden; margin: 0; font-size: 0.933333em;} #main-content .opening-times .date-row { display: table-row;} #main-content .opening-times .date-row > div {display: table-cell;} #main-content .opening-times .date .day { color: #00a4e4; padding-right: 7px; white-space: nowrap;} #main-content .opening-times .date .time { overflow: hidden; margin-left: 37px;} /*----------------------*/ #main-content .optometrist-banner { padding-top: 25px; } #main-content .optometrist-banner img { border-radius: 5px; max-width: 100%;} /*----------------------*/ #main-content .content .content .wpb_row.vc_row-fluid { margin-bottom: 0 !important; } /*----------------------*/ #main-content .post-gallery { padding-bottom: 12px;} #main-content .post-gallery .post-gallery-box { clear: both; overflow: hidden; padding-bottom: 20px;} #main-content .post-gallery .post-gallery-box img {max-width: 100%; border-radius: 5px; border: 1px solid #cbcbcb;} /*----------------------*/ #main-content .our-team-box {overflow: hidden; clear: both; } #main-content .our-team-box .inner-section { overflow: hidden; padding-bottom: 20px;} #main-content .our-team-box .team-img { float: left; padding-right: 20px; width: 45.7%;} #main-content .our-team-box .team-img img { border-radius: 5px; max-width: 100%;} #main-content .our-team-box .team-content { overflow: hidden; word-wrap:break-word;} #main-content .our-team-box .team-content h3 { font-size: 1.6em; color: #004990; line-height:1.1em;} #main-content .our-team-box .team-content .degree { font-size: 1.2em; color: #004990; padding-top: 10px;} #main-content .our-team-box .team-content .provider { color: #007dc3; } #main-content .our-team-box .team-content .fav-time { padding-top: 10px; } #main-content .our-team-box .team-content .fav-time .pastime {color: #004990; font-size: 1.2em; } /*----------------------*/ #main-content .featured-boxes h2 { border-bottom: 1px solid #ccc; color: #004990; font-size: 2.133em; line-height: 32px; margin-bottom: 18px; padding-bottom: 18px;} /*-------------------------Footer Styles----------------------------------------------*/ .footer-top { padding: 35px 0 20px 0; border-top: 1px solid #ccc; } .footer-top .keep-update > p, .footer-top .follow-us > p, .footer-info .container > p { padding-bottom: 15px; font-size: 1.6em; color: #004990; } .footer-top .keep-update-descr, .footer-top .follow-us-descr, .footer-info .container .follow-us-descr { padding-bottom: 15px; } .footer-top .keep-update-signup { width: 97%; overflow: hidden; background: #006aaf url(../images/backgrounds/footer-sign-up-bg.png) repeat-x left bottom; padding: 13px; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; } .footer-top .keep-update-signup p, .footer-top .keep-update-signup .gform_wrapper .gform_body { float: left; } .footer-top .keep-update-signup p { width: 45%; padding-left: 1%; color: #fff; line-height: 33px; font-size: 1.333em; letter-spacing: -0.05em; } .footer-top .keep-update-signup .gform_wrapper { float: right; padding-left: 1%; width: 55%; } .footer-top .keep-update-signup .gform_wrapper .gform_heading { display: none; } .footer-top .keep-update-signup .gform_wrapper .gform_body { width: 88%; } .footer-top .keep-update-signup .gform_wrapper .gform_body ul { margin: 0 !important; padding: 0 !important; } .footer-top .keep-update-signup .gform_wrapper .gform_body ul li { width: 55%; position: relative; float: left; clear: none; margin: 0 0 0 6% !important; padding: 0 !important; } .footer-top .keep-update-signup .gform_wrapper .gform_body ul li:first-child { margin: 0 !important; width: 37%; } .footer-top .keep-update-signup .gform_wrapper .gform_body label { position: absolute; line-height: 34px; margin: 0 !important; padding: 0 15px !important; width: 100%; font-weight: normal !important; line-height: 35px !important; cursor: inherit; font-size: 0.933em; color: #333 !important; } .footer-top .keep-update-signup .gform_wrapper .gform_body input[type="text"] { width: 100%; padding: 8px 13px 7px !important; height: 34px; line-height: 90%; font-size: 1.067em; color: #333; } .footer-top .keep-update-signup .gform_wrapper .gform_body label .gfield_required { display: none; } .footer-top .keep-update-signup .gform_wrapper .gform_footer { float: right; width: 10%; clear: none; padding: 0; margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; } .footer-top .keep-update-signup .gform_wrapper .gform_footer input[type="submit"]{ width: 100%; background: rgba(255,255,255,0.1) url(../images/icons/btn-arrow.png) center center no-repeat; padding: 0; text-indent: -10000px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 34px !important; } .footer-top .keep-update-signup .gform_wrapper .gform_footer input[type="submit"]:hover { background-color: rgba(255,255,255,0.3); } .footer-top .keep-update-signup .gform_wrapper .validation_error { display: none !important; } .footer-top .keep-update-signup .gform_wrapper .ginput_container { margin: 0 !important; } .footer-top .follow-us .follow-us-list { width: 100%; overflow: hidden; } .footer-top .follow-us .follow-us-list li { float: left; padding-left: 20px; width: 80px; text-align: center; } .footer-top .follow-us .follow-us-list li:first-child { padding-left: 0; width: 60px; } .footer-top .follow-us .follow-us-list li a { display: block; font-size: 12px; line-height: 12px; } .footer-top .follow-us .follow-us-list li:first-child a { color: #3c5b9a; } .footer-top .follow-us .follow-us-list li .fa { display: block; width: 60px; height: 60px; margin-bottom: 8px; background-size: 100% 200%; } .footer-top .follow-us .follow-us-list li .fa:before { content: initial; } .footer-top .follow-us .follow-us-list li:hover a { text-decoration: none; } .footer-top .follow-us .follow-us-list li:hover .fa { background-position: 0 -60px; } .footer-top .follow-us .follow-us-list .fa-facebook { background: url(../images/social-icons/fb-icon.png) no-repeat; } .footer-top .follow-us .follow-us-list .fa-blog { background: url(../images/social-icons/blog-icon.png) no-repeat; } .footer-top .follow-us .follow-us-list .fa-twitter { background: url(../images/social-icons/tw-icon.png) no-repeat; } /*-----------------------------------------------------*/ .footer-info { background: #edf4f8; padding: 45px 0 40px; } .footer-info ul.follow-us-imgs { background: #d5e8f3; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; padding: 15px 10px 15px 0; overflow: hidden; } .footer-info ul.follow-us-imgs li { float: left; width: 25%; padding-left: 5%; } .footer-info ul.follow-us-imgs li:first-child { } .footer-info ul.follow-us-imgs li a, .footer-info ul.follow-us-imgs li .img-block { float: left; } .footer-info ul.follow-us-imgs li .img-block { width: 32%; } .footer-info ul.follow-us-imgs li a img { max-width: 60px; } .footer-info ul.follow-us-imgs li > a { width: 68%; padding: 7px 0 0 9px; line-height: 17px; letter-spacing: -0.03em; } .footer-info ul.follow-us-imgs li > a:hover { text-decoration: none; } /*-----------------------------------------------------*/ .footer-main-content { background: #007dc3 url(../images/backgrounds/footer-bg.png) left bottom repeat-x; color: #fff; padding-top: 45px; } .footer-main-content a { color: #fff; } .footer-main-content h3 { font-size: 1.267em; padding-bottom: 5px; } .footer-main-content aside { padding-bottom: 30px; } .footer-main-content .menu li { font-size: 0.8em; line-height: 14px; padding-bottom: 5px; } .footer-main-content .inner-content .find-optometrist { padding-bottom: 50px; } .footer-main-content .inner-content .find-optometrist ul { width: 100%; overflow: hidden; } .footer-main-content .inner-content .find-optometrist ul li { float: left; padding-left: 10px; text-transform: uppercase; font-size: 0.8em; } .footer-main-content .inner-content .find-optometrist ul li:first-child { padding-left: 0; } .payments-list { width: 100%; overflow: hidden; padding-top: 12px; } .payments-list a { float: left; margin-left: 3%; width: 31.2%; border: 1px solid #c2c2c2; } .payments-list a:first-child { margin-left: 0; } .payments-list a img { width: 100%; } .fmenu { padding: 22px 0 45px 0; } .fmenu p { font-size: 0.8em; } .fmenu ul li { display: inline; padding-left: 5px; } .fmenu ul li:first-child { padding-left: 0; } .bottom-content { width: 100%; float: left; background: #00a4e4; border-top-right-radius: 4.1px; -moz-border-top-right-radius: 4.1px; -webkit-border-top-right-radius: 4.1px; border-top-left-radius: 4.1px; -moz-border-top-left-radius: 4.1px; -webkit-border-top-left-radius: 4.1px; padding-bottom: 15px; } .eye-test img, .find-optometrist img { width: 52px; float: left; } .eye-test p, .find-optometrist p { font-size: 1.333em; float: left; line-height: 20px; padding: 22px 0 0 13px; } .eye-test a { float: left; } .eye-test a:hover { color: #004990; } #bottom .find-optometrist .chosen-container { padding-top: 13px; float: right; width: 52% !important; } .find-optometrist .chosen-container .chosen-drop { width: 100% !important; border: 1px solid #ccc !important; top: -111px !important; overflow: hidden; background: #fff !important; z-index: 1000; -moz-border-radius: 4px 4px 0 0 !important; -webkit-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; height: 125px; overflow: hidden; } .find-optometrist .chosen-single-with-drop { -moz-border-radius: 0 0 4px 4px !important; -webkit-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; } .find-optometrist .chosen-single-with-drop span { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #menu-footer-general-menu { white-space: nowrap; } /* CSS Document - Woocommerce Custom Stiles */ /*----------Custom Font-----------------------------*/ .content .woocommerce .my-addresses .address { font-family: 'Myriad Pro', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; } .content .woocommerce .form.your-order .order-review .create-account.check-row.tick, .content .woocommerce ul.cart-list li > .product-name, .content .woocommerce .cart_totals .total-content .discount_coupon, .woocommerce .form-row label, .content .woocommerce table tr th, .content .woocommerce .my-addresses .title h4, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th, .woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt, .woocommerce strong, .content .woocommerce p.order-info mark, .content .woocommerce .cart-form .product-content .product-name, .content .woocommerce .shipping-calculator .shipping-method table .shipping-info h2, .content .woocommerce .cart_totals .total-content .prescription h2, .content .woocommerce .form .order-review .tbl-subtotal tr.total td, .content .woocommerce .total-tbl tr td.last-child .amount, .content .woocommerce .total-tbl tr.order-total td .amount, .content .woocommerce ul.products-list li .product-name, .content .woocommerce .form .order-review #payment ul.methods label, .content .woocommerce .total-tbl tr td, .content .woocommerce ol.checkout-steps .mandatory, .content .woocommerce .woocommerce-shipping-optometrist .checkout-optometrist-info, .content .woocommerce .woocommerce-shipping-optometrist label, .content .woocommerce .checkout-product-list .product-name, .content .woocommerce .checkout-product-list .product-content p span, .content .woocommerce form.checkout .warning-notification, .content .woocommerce .my-addresses .title h3 { font-family: 'RudaBold', Arial, Verdana, Tahoma, sans-serif; font-weight: normal !important; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; } .content .woocommerce form.checkout .note strong, .customize-message.woocommerce-info.help, .content .woocommerce .woocommerce-shipping-optometrist .checkout-optometrist-info strong, .content .woocommerce form.checkout .warning-notification strong { font-family: 'RudaBlack', Arial, Verdana, Tahoma, sans-serif; font-weight: normal !important; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; } .content .woocommerce .checkout-product-list .product-content p span.amount, .content .woocommerce .checkout-product-list .product-content p span.cents { font-family: 'Ruda', Arial, Verdana, Tahoma, sans-serif; font-weight: normal !important; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; } .content .woocommerce form.checkout > ol.checkout-steps > li:before, .content .woocommerce form.checkout > ol.checkout-steps > li > h2, .content .woocommerce .cart_totals .tbl-total tr.order-total td .amount, .content.full-width .woocommerce .form-details .order-review .total-tbl td.last-child .amount { font-family: 'AquariusSix', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; font-weight: normal !important; } /*----------Base Form Element Styles-----------------------------*/ abbr[title] { border: 0; } .content .woocommerce input[type="text"], .content .woocommerce input[type="password"], .content .woocommerce input[type="email"], .content .woocommerce textarea, .content .woocommerce select { line-height: 28px; padding: 7px 10px 6px; -webkit-appearance: none; } /*----------Reset Lists style-----------------------*/ .content .woocommerce form.checkout > ol.checkout-steps, .content .woocommerce ul.cart-list { margin: 0; padding: 0; list-style: none; } /*----------Chosen Select---------------------------*/ .woocommerce-content .chosen-container, div.woocommerce .chosen-container { width: 100% !important; } div.woocommerce .chosen-container .chosen-drop, .woocommerce-content .chosen-container .chosen-drop { width: 100% !important; top: 100% !important; } /*----------Base Button-----------------------------*/ .woocommerce .btn-base { background: url(../images/site/button/base-btn-bg.png) repeat-x !important; padding: 0 15px !important; height: 34px; line-height: 35px; font-size: 13px; text-align: center; color: #fff !important; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; -webkit-text-stroke: 1px rgba(255,255,255,0.1); font-weight: normal !important; font-family: 'RudaBold', Arial, Verdana, Tahoma, sans-serif !important; } .woocommerce .btn-base:hover { background: url(../images/site/button/base-btn-bg.png) 0 -50px repeat-x !important; } .woocommerce .btn-base.blue-btn { background: #007dc3 !important; } .woocommerce .btn-base.blue-btn:hover { background: #004990 !important; } .woocommerce .btn-base.h50 { height: 50px; line-height: 51px; font-size: 1.467em; } .woocommerce .btn-base.h45, #respond .form-submit input[type="submit"] { height: 45px; line-height: 46px; font-size: 1.067em; } .woocommerce .btn-base.h30 { height: 30px; line-height: 31px; font-size: 12px; } .woocommerce .btn-base.h22 { height: 22px; line-height: 23px; font-size: 12px; } /* .woocommerce input[type="submit"].btn-base, .woocommerce button.btn-base { padding-top: 2px !important; } */ /*----------Custom SelectBox----------------*/ .woocommerce .quantity { width: 95px; height: 32px !important; } .woocommerce .quantity input { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .woocommerce .quantity .input-text.qty { border: 1px solid #ccc; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; float: left; height: 32px; width: 46px; padding: 0 5px; line-height: 32px; font-weight: normal; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; } .woocommerce .quantity .minus, .woocommerce .quantity .plus { float: left; border: 0; width: 16px; height: 16px; background: url(../images/icons/select-box-icon.png) left top no-repeat; text-indent: -10000px; margin: 8px 0 0 8px; position: static; } .woocommerce .quantity .plus { float: right; } .woocommerce .quantity .minus { background-position: -16px 0; margin: 8px 8px 0 0; } .woocommerce .quantity .minus:hover { background: url(../images/icons/select-box-icon.png) -16px -16px no-repeat; } .woocommerce .quantity .plus:hover { background: url(../images/icons/select-box-icon.png) 0 -16px no-repeat; } /*---------------------Forms Styles-------------------------------*/ .content .woocommerce { padding-bottom: 40px; display: table; width: 100%; clear: both; } /*.content .woocommerce > .order-info { display: none; }*/ .content .woocommerce form, .content .woocommerce .form-row { border: 0; margin: 0; padding: 0; } .content .woocommerce .form { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .content .woocommerce .form .form-title { width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; line-height: 24px; margin: 0 0 23px; padding: 0 0 10px; } .content .woocommerce .form .form-title h2 { padding: 0; margin: 0; border: 0; width: 56%; float: left; } .content .woocommerce .form .form-title .check-row { float: right; width: 34%; } .content .woocommerce .form .form-title .check-row label { width: 88%; line-height: 16px; padding-top: 2px !important; } .woocommerce form .form-row label { color: #007dc3; font-size: 0.933em; font-weight: normal !important; line-height: 15px; padding-bottom: 5px; display: block; } .woocommerce .return-to-shop { padding-top: 40px; } .woocommerce .form .actions { padding: 20px 0; width: 100%; overflow: hidden; } .woocommerce .form .actions .btn-base { float: right; } /*---------------------Form Row Base------------------------------*/ .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: left; overflow: visible; width: 47%; } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float:right; } /*---------------------------------------------------------------*/ .content .woocommerce .check-row .icheckbox, .content .woocommerce .check-row label { float: left; } .content .woocommerce .check-row label, .content .woocommerce .form-row.check-row label { padding: 0 0 0 7px !important; line-height: 21px; cursor: pointer; font-size: 0.933em; } /*---------------------Form Messages------------------------------*/ .woocommerce form .form-row .required, .woocommerce-page form .form-row .required { font-weight: normal; } .woocommerce-content .messages { font-size: 14px; } .customize-message.woocommerce-message, .customize-message.woocommerce-error, .customize-message.woocommerce-info { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-bottom: 20px; text-shadow: 0 0 0 transparent; font-size: 14px; padding: 5px 10px 6px !important; color: #333; line-height: 28px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 1em 0 1.5em 0 !important; font-size: 1.13333em; font-weight: bold; color: #02902d;} .customize-message.woocommerce-message:first-child, .customize-message.woocommerce-error:first-child, .customize-message.woocommerce-info:first-child { margin-top: 0 !important;} .fancybox-wrap .woocommerce-message, .fancybox-wrap .woocommerce-error, .fancybox-wrap .woocommerce-info { margin: 0 15px 20px; } .fancybox-wrap .woocommerce-message:first-child, .fancybox-wrap .woocommerce-error:first-child, .fancybox-wrap .woocommerce-info:first-child { margin-top: 20px; } .woocommerce-message i, .woocommerce-error i, .woocommerce-info i { float: left; font-size: 25px; padding: 1px 12px 0 0; } .customize-message.woocommerce-message:before, .customize-message.woocommerce-error:before, .customize-message.woocommerce-info:before { background: transparent; border-radius: 0; content: none; } /*.woocommerce-message .view-cart {position: relative; padding-right: 37px !important;} .woocommerce-message .view-cart:after { position: absolute; top: 6px; right: 7px; display: block !important; width: 22px; height: 18px; background: url(../images/icons/cart-small-icon.png) right 0 no-repeat; content:'';}*/ .woocommerce-message i { color: #02902d; } .customize-message.woocommerce-error i, .customize-message.woocommerce-error a { color: #f6101a; } .customize-message.woocommerce-info i { color: #00a3e4; } .customize-message.woocommerce-message { background: #e0fbcf; border-color: #01c33c; } .customize-message.woocommerce-error { background: #fee8e6; border-color: #f6101a; } .customize-message.woocommerce-error strong { color: #f6101a; } .customize-message.woocommerce-error:before { background: #c1392b; } .customize-message.woocommerce-info { border-color: #00a3e4; background: #e6fcff; } .customize-message.woocommerce-info:before { background: #e6fcff; } .customize-message.woocommerce-info a { color: #03bcd7; } .customize-message.woocommerce-info a:hover { color: #245b82; } .customize-message.woocommerce-error a:hover { color: #f4474f; } .customize-message.woocommerce-error li { width: 100%; overflow: hidden; padding-top: 5px; color: #F6101A; } .customize-message.woocommerce-error li:first-child { padding-top: 0; } .customize-message.woocommerce-message a.btn-base, .customize-message.woocommerce-error a.btn-base, .customize-message.woocommerce-info a.btn-base { float: right; margin-top: 3px; } .customize-message.woocommerce-message .wc-forward:after { display: none;} .content .product-listing .woocommerce-message { margin: 0 10px 20px 10px; width: 97.5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-transform: none;} .customize-message.woocommerce-info.help { background: #dff2ff; border-color: #007dc3; font-size: 0.9333em; text-transform: uppercase; color: #007dc3; line-height: 35px;} .customize-message.woocommerce-info.help i { color: #eef6fb; background: #007dc3; font-size: 1em; padding: 5px; min-width: 28px; text-align: center; height: 38px; line-height: 29px; margin-right: 15px; border-radius: 0 0 5px 5px; margin-top: -7px;} .customize-message.woocommerce-info.help a.btn-base {text-transform: none;} /*---------------------Login Forms Styles-------------------------------*/ .content .woocommerce .login-form { padding-top: 10px; width: 68.1%; } .content .woocommerce .login-form form.register h2 { font-size: 2.13333em; margin-bottom: 26px;} .content .woocommerce .login-form form.register .form-row label {padding-bottom: 9px;} .content .woocommerce .login-form h2, .content .woocommerce .form h2 { font-size: 1.714em; line-height: 24px; border-bottom: 1px solid #ccc; margin: 0 0 23px; padding: 0 0 20px 0; color: #004990; } .content .woocommerce .login-form .form-element:after {display: block; width: 100%; clear: both; content:'';} .content .woocommerce .login-form .form-row { padding-bottom: 18px; position: relative; } .content .woocommerce .login-form .form-row.form-row-first { clear: left;} .content .woocommerce .login-form .form-row .form-row { padding-bottom: 0 !important;} .content .woocommerce .login-form .form-row p { font-size: 14px; line-height: 18px; padding: 0; } .content .woocommerce .login-form .form-row.check-row { width: 100%; overflow: hidden; padding: 0 0 15px 0; line-height: 21px; } .content .woocommerce .login-form .input-login, .content .woocommerce .login-form .input-pass, .content .login-form .input-email { height: 40px; padding: 7px 34px 7px 55px; line-height: 26px !important; } .content .woocommerce .login-form .form-row .icon-login, .content .woocommerce .login-form .form-row .icon-pass, .content .woocommerce .login-form .form-row .icon-email { height: 38px; width: 40px; background: #c1392b; position: absolute; left: 1px; top: 1px; color: #fff; font-size: 23px; text-align: center; } .content .woocommerce .login-form .form-row .icon-login i, .content .woocommerce .login-form .form-row .icon-pass i, .content .woocommerce .login-form .form-row .icon-email i { margin-top: -13px; padding-top: 50%; } .content .woocommerce .login-form .check-row .tick { float: left; } .content .woocommerce .login-form .check-row .tick { width: 47%; overflow: hidden; } .content .woocommerce .login-form .check-row a { font-size: 0.933em; float: right; } .content .woocommerce .login-form .form-actions { width: 100%; overflow: hidden; } .content .woocommerce .login-form .form-actions .btn-base { float: right; width: 30%; } .content .woocommerce .login-form .form-row.woocommerce-validated input[type="text"], .content .woocommerce .login-form .form-row.woocommerce-validated input[type="password"], .content .woocommerce .login-form .form-row.woocommerce-validated input[type="email"] { background: url(../images/icons/valid-icon.png) 96% center no-repeat !important; border-color: #86c06a; } .content .woocommerce .login-form .form-row.woocommerce-invalid input[type="text"], .content .woocommerce .login-form .form-row.woocommerce-invalid input[type="password"], .content .woocommerce .login-form .form-row.woocommerce-invalid input[type="email"] { background: url(../images/icons/invalid-icon.png) 95.2% center no-repeat !important; border-color: #c1392b; } .content .woocommerce .login-form.gloabal-login { padding: 0 0 40px 0; width: 100%; } .content .woocommerce .login-form.gloabal-login p { padding-bottom: 15px; } .content .woocommerce .login-form.gloabal-login .form-actions .btn-base { min-width: 14%; width: auto; } /*-------------------------------*/ .form-element.register .town-field, .form-element.register .address-field { clear: both; } .content .woocommerce .login-form .form-row-first + .address-field { padding-bottom: 12px;} .form-element.register .form-block { padding: 25px 0 14px 0; clear: both; border-top: 1px solid #ccc; width: 100%; float: left;} .form-element.register .form-block:first-child { border: none; padding-top: 0;} .form-element.register .form-block div.req_des { line-height: 45px; color: #aaa; font-size: 14px; } .form-element.register .form-block div.form-row.pass {clear: left; } .form-element.register .form-block div.btn .btn-base { float: right; width: 57%; } .content .woocommerce .form-element.register .form-row p.form-row { padding-bottom: 18px; } .content .woocommerce .form-element.register .form-row-first > .form-row-first, .content .woocommerce .form-element.register .form-row-last > .form-row-first, .content .woocommerce .form-element.register .form-row-first > .form-row-last, .content .woocommerce .form-element.register .form-row-last > .form-row-last { width: 46%; } /*---------------------Woocomerce Sidebar Styles-----------------*/ #menu-my-account-page-menu { border-radius: 5px; overflow: hidden; font-size:0.93333em;} #menu-my-account-page-menu li { display:table; width:100%; height:41px; border-top: 1px solid #ccc; margin: -1px 0 0 0; } #menu-my-account-page-menu li a { display:table-cell; vertical-align:middle; height:100%; width:100%; padding: 8px 12px 7px; color: #323232; position: relative;} #menu-my-account-page-menu li:hover, #menu-my-account-page-menu li.current-menu-item { border-color: #017dc3; } #menu-my-account-page-menu li.current-menu-item a, #menu-my-account-page-menu li:hover a {color: #fff; text-decoration: none; background: #017dc3;} /*---------------------Woocomerce Element Styles-----------------*/ .content .woocommerce table { border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; overflow: hidden; border: 1px solid #ecf4f7; margin: 0 0 25px 0; border-collapse: separate; font-size: 0.85em; } .content .woocommerce table tr th, .content .woocommerce table tr td { padding: 13px 15px 12px; border: 0; font-size: 15px; } .content .woocommerce table thead th, .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-variations { color: #004990; text-transform: uppercase; background: #ecf4f7; font-weight: normal; text-align: left; border: 0; padding: 13px 15px 11px; } .content .woocommerce table tr td { color: #333333; } .content .woocommerce table tr td.order-number { color: #027bc0; } .content .woocommerce table tr td.order-number a { color: #027bc0; } .content .woocommerce table tr td .before-product-name { font-size: 100%; padding-bottom: 5px; } .content .woocommerce table tr td .product-quantity { font-size: 100%; } .content .woocommerce table tr.nth-child th, .content .woocommerce table tr.nth-child td { background: #ecf4f7; } .content .woocommerce table tfoot tr:first-child td, .content .woocommerce table tfoot tr:first-child th { border-top: 1px solid #ecf4f7; } /*-------------------------------------------------*/ .woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dt { padding: 10px 0 0 0; margin-top: 0; margin-bottom: 0; } .woocommerce td.product-name dl.variation { margin: 0; } /*-------------------------------------------------*/ .content .woocommerce .form .myaccount_user { padding-bottom: 26px; font-size: 15px; line-height: 22px; } .content .woocommerce .form .myaccount_user a { font-weight: normal; } .content .woocommerce .form .myaccount_user strong { font-size: 17px; } /*-------------------------------------------------*/ .content .woocommerce .form .my-subscriptions { padding-bottom: 26px; } /*-------------------------------------------------*/ .logo-image-print { display: none; float: right; width: 126px; padding: 20px 0 25px 15px; border-left: 1px solid #007dc3; margin: 0 0 22px 0; } .eyeQ-info-print { display: none; float: right; padding: 6px 20px 0 0; } .eyeQ-info-print p { padding: 2px 0; line-height: 15px; font-size: 10px; } .eyeQ-info-print p strong { display: inline-block; min-width: 35px; } .content .woocommerce .form .order-review { margin-bottom: 26px; } .content .woocommerce .form .order-review table { margin: 0; } .content .woocommerce .form .order-review p.notice { margin-top: -3px; padding: 0 0 10px 3px !important; } .content .woocommerce .form .tbl-order td { padding: 7px 15px; } .content .woocommerce .form .tbl-order td .btn-base {margin-left: 10px; height: 30px; line-height: 30px; margin: 5px 0 5px 10px; } /*-------------------------------------------------*/ .content .woocommerce .myaccount_address { padding-bottom: 20px !important; margin-top: -3px; } .content .woocommerce .my-addresses .customer_details { width: 100%; float: left; padding-bottom: 20px; } .content .woocommerce .my-addresses .customer_details p { padding: 5px 0; } .content .woocommerce .my-addresses .customer_details p:first-child { padding-top: 0; } .content .woocommerce .my-addresses { margin: 0; overflow: hidden; } .content .woocommerce .my-addresses .address { float: left; width: 47.5%; border: 1px solid #ccc; padding: 5px 18px 15px 18px; border-radius: 5px; vertical-align: top;} .content .woocommerce .my-addresses .address.col-2 {float: right; } .content .woocommerce .my-addresses .address address {font-size: 1.2em; font-style: normal; margin-bottom: 15px; line-height: 1.25;} .content .woocommerce .my-addresses .address address p { padding: 0 !important; } .content .woocommerce .my-addresses .address .btn-base { min-width: 73px;} .content .woocommerce .my-addresses .title { width: 100%; overflow: hidden; padding-bottom: 16px; } .content .woocommerce .my-addresses .title h3 { font-size: 1.6em; line-height: 31px; color: #004990; margin-bottom: 0 !important; padding-bottom: 0 !important; } .content .woocommerce .my-addresses .title.order-title h3 { width: 100%; line-height: 18px; font-size: 1.6em; color: #004990; } .content .woocommerce .my-addresses .title .btn-base { float: right; width: 23%; height: 30px; line-height: 30px; } .content .woocommerce .my-addresses .address-content p { padding: 0; font-size: 15px; line-height: 22px; } /*-------------------------------------------------*/ .content .woocommerce .form .order-review .tbl-shop { margin-bottom: 0; } .content .woocommerce .form .order-review .tbl-shop tr td:first-child { width: 75%; } .content .woocommerce .form .order-review .tbl-shop tr td span { line-height: 17px; } .content .woocommerce .form .order-review .tbl-shop tr td .variation, .content .woocommerce .form .order-review .tbl-shop tr td .variation dd { margin: 0; } .content .woocommerce .form .order-review .tbl-subtotal tr.total th, .content .woocommerce .form .order-review .tbl-subtotal tr.total td { color: #004990; } /*-------------------------------------------------*/ .content .woocommerce p.order-info { width: 100%; float: left; margin: 0 0 30px 0; background: #ecf4f7; padding: 10px 15px; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; overflow: hidden; } .content .woocommerce p.order-info mark { padding: 0 4px; color: #007fc6; background: transparent; } /*-------------------------------------------------*/ .content .woocommerce .form .order-again { float: left; width: 100%; margin: -40px 0 55px 0; } /*--------------------------Cart Form Styles--------------------------------------*/ .content .woocommerce .cart-form { padding: 0 0 35px; } .content .woocommerce .cart-form:first-child { padding-top: 10px; } .content .woocommerce ul.cart-list { width: 100%; padding-bottom: 40px; } .content .woocommerce ul.cart-list li { display: block; width: 100%; overflow: hidden; padding-top: 20px; margin-top: 20px; } .content .woocommerce ul.cart-list li.cart_item{border-top: 1px solid #ccc; } .content .woocommerce ul.cart-list li:first-child { margin-top: 0; } .content .woocommerce ul.cart-list li .product-thumbnail, .content .woocommerce ul.cart-list li .product-content, .content .woocommerce .checkout-product-list .product-thumbnail, .content .woocommerce .checkout-product-list .product-content { float: left; } .content .woocommerce ul.cart-list li .product-thumbnail, .content .woocommerce .checkout-product-list .product-thumbnail { width: 17.6%; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 165px; padding: 10px; } .content .woocommerce ul.cart-list li .product-thumbnail a, .content .woocommerce .checkout-product-list .product-thumbnail .inner { display: block; position: relative; width: 100%; height: 100%; } .content .woocommerce ul.cart-list li .product-thumbnail img, .content .woocommerce .checkout-product-list .product-thumbnail img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; } .content .woocommerce ul.cart-list li .product-content { padding-left: 3.4%; width: 82.4%; } .content .woocommerce ul.cart-list li .product-content .product-name, .content .woocommerce ul.cart-list li > .product-name { font-size: 1.2666em; padding-bottom: 18px; } .content .woocommerce ul.cart-list li .tbl-cart { margin: 0; border: 0; } .content .woocommerce ul.cart-list li .tbl-cart td { padding: 5px 10px; text-align: center; } .content .woocommerce ul.cart-list li .tbl-cart thead th { padding: 13px 10px 11px; text-align: center; } .content .woocommerce ul.cart-list li .tbl-cart th.product-variations { color: #004990; text-transform: uppercase; text-align: left; } .content .woocommerce ul.cart-list li .tbl-cart td.product-price ins { text-decoration: none; } .content .woocommerce .cart-collaterals .cart_totals table small, .woocommerce-page .cart-collaterals .cart_totals table small.includes_tax, #order_review .order-total.total small.includes_tax {display:none;} .content .woocommerce ul.cart-list li .tbl-cart td.product-remove { padding: 10px 8px 10px 20px; width: 60px; } .content .woocommerce ul.cart-list li .tbl-cart th.qty { text-align: center; width: 96px !important; } .content .woocommerce ul.cart-list li .tbl-cart td a.remove { background: url(../images/icons/remove-product.png) no-repeat; width: 16px; height: 16px; text-indent: -10000px; display: block; } .content .woocommerce ul.cart-list li .tbl-cart td a.remove:hover { background-position: 0 -16px; } .content .woocommerce ul.cart-list li .tbl-cart td.product-quantity .quantity { margin: 0; } .content .woocommerce .cart-form .actions .row .btn-base { float: right; margin-left: 20px; } .content .woocommerce .cart-form .actions .coupon { margin: 0; float: left; width: 50%; } .content .woocommerce .cart-form .actions .coupon input[type="text"] { float: left; width: 63%; height: 34px; margin: 0; } .content .woocommerce .cart-form .actions .coupon .btn-base { float: left; margin-left: 10px; } .content .woocommerce ul.products-list { padding-bottom: 0; } .content .woocommerce ul.products-list li { border-top: 0; border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; } .content .woocommerce ul.products-list li .product-content { padding-left: 0; width: 100%; } .content .woocommerce ul.products-list li .product-name { color: #007dc3; } .content .woocommerce ul.products-list li .tbl-cart th.qty, .content .woocommerce ul.products-list li .tbl-cart td.product-quantity { width: auto !important; min-width: inherit !important; text-align: left; } .content .woocommerce .total-tbl { margin-bottom: 40px; border: 0; } .content .woocommerce .total-tbl tr th, .content .woocommerce .total-tbl tr td { width: auto; text-align: left; padding: 5px 0; } .content .woocommerce .total-tbl tr td { text-align: right; } .content .woocommerce .total-tbl tr td .shipping_method { float: right; } .content .woocommerce .total-tbl tr td .shipping_method li label { float: right; width: auto; } .content .woocommerce .total-tbl tr td.last-child .amount, .content .woocommerce .total-tbl tr.order-total td .amount { color: #004e8d; font-size: 1.5em; line-height: 20px; } .content .woocommerce .total-tbl tr.nth-child th, .content .woocommerce .total-tbl tr.nth-child td { background: #fff; } /*---------------------------------------------------------------------------------*/ .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after { display: none; } .content .woocommerce .cart-collaterals .form-title { margin: 0 0 40px 0!important; } .content .woocommerce .cart-collaterals .cart_totals table td { padding: 7px 20px 7px 0; text-align: right; text-transform: uppercase; } /*-------------------------------------------------*/ .content .woocommerce .shipping-calculator { float: left; width: 46%; } .content .woocommerce .shipping-calculator .shipping-calculator-form { display: block !important; padding-bottom: 40px; } .content .woocommerce .shipping-calculator .shipping-calculator-form .form-row { padding-top: 10px; } .content .woocommerce .shipping-calculator .shipping-calculator-form .form-row:first-child { padding-top: 0; } .content .woocommerce .shipping-calculator .shipping-calculator-form .form-row input[type="text"] { width: 210px; } .content .woocommerce .payment-methods { width: 100%; overflow: hidden; padding-top: 40px; } .content .woocommerce .payment-methods > p { padding: 0 0 5px 0; display: table-cell; vertical-align: middle; } .content .woocommerce .shipping-calculator .shipping-method table { border: 1px solid #ccc; margin: 20px 0 0 0; overflow: visible; } .content .woocommerce .shipping-calculator .shipping-method table:first-child { margin: 0; } .content .woocommerce .shipping-calculator .shipping-method table td { width: 19%; text-align: center; } .content .woocommerce .shipping-calculator .shipping-method table td .iradio { margin: 0 auto; display: block; } .content .woocommerce .shipping-calculator .shipping-method table td .iradio.checked {background-position: -164px 0;} .content .woocommerce .shipping-calculator .shipping-method table .shipping-info { width: 45%; padding: 20px 0; text-align: left; } .content .woocommerce .shipping-calculator .shipping-method table .shipping-info h2, .content .woocommerce .cart_totals .total-content .prescription h2 { color: #00a4e4; font-size: 1.2em; text-transform: uppercase; padding: 0 0 13px 0; } .content .woocommerce .shipping-calculator .shipping-method table .shipping-info .chosen-container { margin-top: 13px; width: 230px !important;} .content .woocommerce .payments-list { width: 52%; padding: 0; display: table-cell; vertical-align: middle; text-align: right; white-space: nowrap;} .content .woocommerce .payments-list a { float: none; display: inline-block; width: 30%; margin-left: 2.5%; border: 1px solid #c2c2c2; } .content .woocommerce .payments-list a:first-child { margin-left: 0; } .content .woocommerce .payments-list a img { height: auto; } .content .woocommerce .cart_totals { text-align: left; } .content .woocommerce .cart_totals .total-content { background: #ecf4f7; padding: 10px 10px 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .content .woocommerce .cart_totals .total-content .prescription { background: #fff; padding: 25px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; float: left; } .content .woocommerce .cart_totals .total-content .prescription h2 { text-align: center; } .content .woocommerce .cart_totals .total-content .prescription .form-row { padding-top: 15px; width: 100%; overflow: hidden; } .content .woocommerce .cart_totals .total-content .prescription .form-row label { font-size: 0.933em; float: left; color: #549ccf; width: 45%; line-height: 35px; } .content .woocommerce .cart_totals .total-content .prescription .form-row .required { color: #ff0000; } .content .woocommerce .cart_totals .total-content .prescription .form-row .chosen-container { float: left; margin-left: 2%; width: 50% !important; } .content .woocommerce .cart_totals .total-content .prescription .form-row.check-row { padding-top: 20px; } .content .woocommerce .cart_totals .total-content .prescription .form-row.check-row .icheckbox {margin-top: 7px;} .content .woocommerce .cart_totals .total-content .prescription .form-row.check-row label { display: block; overflow: hidden; float: none; color: #333; width: auto; line-height: 1.2; margin-top: 0; } .content .woocommerce .cart_totals .total-content .prescription #error-confirm-prescription { margin-top: 20px !important; margin-bottom: 0 !important;} .content .woocommerce .cart_totals .total-content .prescription #error-confirm-prescription li { position: relative; padding-left: 40px !important; line-height: 1.4;} .content .woocommerce .cart_totals .total-content .prescription #error-confirm-prescription li i { position: absolute; left: 1px; top: 0;} .content .woocommerce .cart_totals .total-content .discount_coupon { color: #ff0000;} .content .woocommerce .cart_totals .total-content .woocommerce-remove-coupon { font-size: 0.8333em; text-transform: none;} .content .woocommerce .cart_totals .tbl-total { float: left; width: 100%; border: 0; margin-top: 15px; } .content .woocommerce .cart_totals .tbl-total tr th { color: #004990; padding: 7px 10px 3px 20px; border: 0; text-transform: uppercase; width: 57%; text-align: left; } .content .woocommerce .cart_totals .tbl-total tr td { border: 0; } .content .woocommerce .cart_totals .tbl-total tr.order-total th, .content .woocommerce .cart_totals .tbl-total tr.order-total td { color: #004990; font-size: 1.333em; line-height: 55px; padding-top: 35px; padding-bottom: 15px;} .content .woocommerce .cart_totals .tbl-total tr.order-total th {font-size: 1.64705em;} .content .woocommerce .cart_totals .tbl-total tr.order-total td .amount { font-size: 3.1835em; line-height: 0.8em; vertical-align: top;} .content .woocommerce .cart_totals .tbl-total tr.order-total td .cents { font-size: 0.6em; position: relative; line-height: 0.8em; vertical-align: top;} .content .woocommerce .cart_totals .tbl-total.total-content { border-radius: 0; border: 1px solid #d9d9d9; border-width: 1px 1px 1px 0; line-height: 15px; margin-bottom: 10px; } .content .woocommerce .cart_totals .tbl-total.total-content tr th { padding: 6px 10px 4px 20px; vertical-align: top; border-left: 1px solid #d9d9d9; } .content .woocommerce .cart_totals .tbl-total.total-content tr td { padding: 5px 20px 5px 10px; } .woocommerce .cart_totals .tbl-total.total-content tr:first-child td, .content .woocommerce .cart_totals .tbl-total.total-content tr:first-child th { padding-top: 17px; } .content .woocommerce .cart_totals .tbl-total.total-content tr:last-child td, .content .woocommerce .cart_totals .tbl-total.total-content tr:last-child th { padding-bottom: 15px; } .content .woocommerce .cart_totals .tbl-total.total-content tr.discount a { font-size: 10px; } .content .woocommerce .cart_totals .btn-base { width: 92%; margin: 4% 4% 0; } .content .woocommerce .cart_totals .btn-base.disable { opacity: 0.5; cursor: default; } .content .woocommerce .cart_totals .btn-base.disable:hover { background-position: left top !important; } .content .woocommerce ul.shipping_method li { padding: 3px 0 0 0 !important; width: 100%; overflow: hidden; text-indent: 0 !important; min-height: 21px; } .content .woocommerce ul.shipping_method li:first-child { padding: 0 !important; } .content .woocommerce ul.shipping_method li label, .content .woocommerce ul.shipping_method li .iradio, .content .woocommerce .cart_totals ul.shipping_method li .icheckbox { float: left; } .content .woocommerce ul.shipping_method li .iradio, .content .woocommerce ul.shipping_method li .icheckbox { margin-right: 7px; } .content .woocommerce ul.shipping_method li label { padding-top: 2px; line-height: 20px; width: 80%; cursor: pointer; font-size: 0.85em; } .content .woocommerce ul.shipping_method li .amount { font-weight: normal !important; } /*-------------------------------------------------*/ .content .woocommerce .form .form-content .form-row { padding-top: 18px; } .content .woocommerce .form .form-content .form-row:first-child { padding-top: 0; } .content .woocommerce .form .form-content .form-row label { padding-bottom: 7px; margin: 0; float: left; font-size: 0.933em; line-height: 15px; } .content .woocommerce .form .form-content .form-row .chzn-container { display: block; clear: both; } .content .woocommerce .form .form-content .form-row .required { font-size: 14px; color: #ed1c24; font-weight: normal; } /*-------------------------------------------------*/ .content .woocommerce form.checkout h3 { padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-size: 1.6em; line-height: 24px; color: #004990; } .content .woocommerce form.checkout .note { position: relative; background: #dff2ff; border-radius: 5px; padding: 12px 10px 10px; text-align: center; font-size: 0.8666em; margin-bottom: 22px; color: #007dc3;} .content .woocommerce form.checkout .note:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 164, 228, 0); border-top-color: #dff2ff; border-width: 12px; margin-left: -12px; } .content .woocommerce form.checkout .warning-notification { position: relative; background: #ffdfdf; border-radius: 5px; padding: 7px 10px 5px; text-align: center; font-size: 0.8666em; line-height: 18px; margin-bottom: 10px; color: #ff0000; } .content .woocommerce form.checkout .warning-notification:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 223, 223, 0); border-bottom-color: #ffdfdf; border-width: 10px; margin-left: -10px; } .content .woocommerce form.checkout > ol.checkout-steps { counter-reset: item } .content .woocommerce form.checkout > ol.checkout-steps > li { position: relative; border-radius: 5px; border: 1px solid #ccc; border-top: none; display: block; padding: 0 25px 27px; margin-top: 38px; } .content .woocommerce form.checkout > ol.checkout-steps > li:first-child {margin-top: 0;} .content .woocommerce form.checkout > ol.checkout-steps > li:before { content: counter(item); counter-increment: item; position: absolute; top: 17px; left: 14px; color: #007dc3; background: #fff; font-size: 1.242em; width: 29px; height: 27px; text-align: center; line-height: 34px; border-radius: 100%; z-index: 10;} .content .woocommerce form.checkout > ol.checkout-steps > li > h2 { position: relative; padding:17px 26px 15px 53px; margin: 0 -26px 32px -26px; background: #007dc3; color: #fff; text-transform: uppercase; font-size: 1.8806666em; border-radius: 5px 5px 0 0; line-height: 1;} .content .woocommerce form.checkout > ol.checkout-steps > li > h2:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 164, 228, 0); border-top-color: #007dc3; border-width: 15px; margin-left: -15px; } .content .woocommerce form.checkout > ol.checkout-steps > li.order-details h2 { background: #454a9f;} .content .woocommerce form.checkout > ol.checkout-steps > li.order-details:before { color: #454a9f;} .content .woocommerce form.checkout > ol.checkout-steps > li.order-details > h2:after { border-top-color: #454a9f;} .content .woocommerce form.checkout > ol.checkout-steps > li.delivery h2 { background: #00a4e4;} .content .woocommerce form.checkout > ol.checkout-steps > li.delivery:before { color: #00a4e4;} .content .woocommerce form.checkout > ol.checkout-steps > li.delivery > h2:after { border-top-color: #00a4e4;} /*-------------------------------------------------*/ .content .woocommerce ol.checkout-steps li #customer_details input:-webkit-autofill, .content .woocommerce ol.checkout-steps li #customer_details textarea:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* ���� ���� */ } .content .woocommerce ol.checkout-steps li #customer_details, .content .woocommerce .woocommerce-shipping-fields .shipping_address, .content .woocommerce .woocommerce-shipping-optometrist .row, .content .woocommerce .checkout-product-list, .content .woocommerce .health-fund-details { margin: 0 -18px !important; } .content .woocommerce ol.checkout-steps li #customer_details .col-sm-6, .content .woocommerce .woocommerce-shipping-fields .shipping_address .col-sm-6, .content .woocommerce .woocommerce-shipping-optometrist .row .col-sm-6, .content .woocommerce .checkout-product-list .col-sm-6, .content .woocommerce .health-fund-details .col-sm-6 { padding: 0 18px !important; } .content .woocommerce ol.checkout-steps li .woocommerce-billing-fields .mandatory { text-align: right; font-size: 12px; line-height: 14px; padding-bottom: 12px; margin-top: -18px; padding-right: 10px; } .content .woocommerce ol.checkout-steps li .woocommerce-billing-fields .mandatory span { color: #ed1c24; } /*-------------------------------------------------*/ .content .woocommerce ol.checkout-steps li .woocommerce-billing-fields #billing_country_field { display: none; } /*-------------------------------------------------*/ .content .woocommerce form.checkout {padding-top: 15px;} .content .woocommerce .checkout .col-2 .check-row { margin: -15px 0 -14px 0; width: 100%; overflow: hidden; } .content .woocommerce .checkout .col-2 .check-row #shiptobilling label { margin: -1px 0 0 0; line-height: 15px; font-size: 12px !important; color: #a8a8a8; text-transform: uppercase; } .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_day_field, .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_year_field, .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field { width: 30%; } .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_year_field, .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field { margin-left: 5%; padding-top: 40px; } .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field { position: relative; } .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field label { font-size: 10px; left: -5px; position: absolute; top: 18px; width: 225%; color: #707070; } .content .woocommerce .checkout-steps .woocommerce-billing-fields textarea { min-height: 116px; } /*-------------------------------------------------*/ .content .woocommerce .form .form-content #billing_address_2_field, .woocommerce .form .form-content #shipping_address_2_field { padding-top: 10px; } .content .woocommerce .form .form-content #account_password-2_field .hidden { display: block !important; } /*-------------------------------------------------*/ .content .woocommerce .form.your-order { margin-top: 40px; } .content .woocommerce .form.form-details { margin-bottom: 20px; } .content .woocommerce .form.form-details > p { padding-bottom: 35px; } .content .woocommerce .form.your-order .tbl-shop { margin-bottom: 40px; } .content .woocommerce .form.your-order .order-review { margin-bottom: 0 } .content .woocommerce .form.your-order .total-tbl { margin-bottom: 40px; } /*-------------------------------------------------*/ .content .woocommerce .form .order-review #payment { background: none; } .content .woocommerce .form .order-review #payment ul.methods { background: #ecf4f7; padding: 25px 65px 25px 30px; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border: 0; } .content .woocommerce .form .order-review #payment ul.methods > li { width: 100%; float: left; clear: both; padding-top: 25px; } .content .woocommerce .form .order-review #payment ul.methods > li:first-child { padding-top: 0; } .content .woocommerce .form .order-review #payment ul.methods > li.payment_method_paypal .iradio { margin-top: 14px; } .content .woocommerce .form .order-review #payment ul.methods > li.payment_method_paypal img { margin-right: 9px; } .content .woocommerce .form .order-review #payment ul.methods .iradio { float: left; margin-right: 10px; } .content .woocommerce .form .order-review #payment ul.methods label { line-height: 16px; color: #007fc6; float: left; font-size: 13px; cursor: pointer; max-width: 85%; } .content .woocommerce .form .order-review #payment ul.methods .payment_box { width: 95.5%; padding: 25px 25px; float: left; margin-left: 30px; margin-bottom: 0; margin-top: 10px; border-radius: 0; background: #fff; border-color: #fff; font-size: 14px; line-height: 21px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .content .woocommerce .form .order-review #payment ul.methods .payment_box:after, .content .woocommerce .form .order-review #payment ul.methods .payment_box:after { margin-top: -13px; } .content .woocommerce .form .order-review #payment ul.methods .payment_box:after { border-color: transparent transparent #fff; } .content .woocommerce .form .order-review #payment .place-order { padding: 35px 0 0 0; width: 100%; overflow: hidden; } .content .woocommerce .form .order-review #payment .place-order .btn-base { min-width: 185px; float: right; } .content .woocommerce .form .order-review #payment .place-order .btn-base:hover { } .content .woocommerce .form .order-review #payment ul.methods > li fieldset { border: none; padding: 20px 0;} .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date {} .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date label {display: block !important; width: 100%} .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date .chosen-container#braintree_cc_exp_month_chosen {float: left; width: 65% !important;} .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date .chosen-container#braintree_cc_exp_year_chosen {float: right; width: 30% !important;} .content .woocommerce .form .order-review #payment ul.methods > li #braintree-cc-cvv_field label {display: block !important; width: 100%} .content .woocommerce .form .order-review #payment ul.methods > li #braintree-cc-cvv_field #braintree-cc-cvv { width: 100% !important;} /*-------------------------------------------------*/ .content .woocommerce .form .create-account.check-row { width: 100%; overflow: hidden; } .content .woocommerce .form .create-account.check-row label { line-height: 21px !important; } .content .woocommerce .form .form-content .create-account.form-row { padding-top: 22px; border-top: 1px solid #ccc; margin-top: 30px; } .content .woocommerce .form .form-content .create-account { padding-top: 20px; } .content .woocommerce .form .form-content .create-account .form-row { float: right; width: 48%; } .content .woocommerce .form .form-content .create-account #account_password_field { float: left; } .content .woocommerce .form .form-content .create-account .messages { width: 100%; line-height: 16px; font-size: 0.938em; } /*-------------------------------------------------*/ .content .woocommerce .woocommerce-shipping-fields #shiptobilling { width: 100%; overflow: hidden; padding-bottom: 17px; } .content .woocommerce .woocommerce-shipping-fields #shiptobilling .iradio { float: left; margin-left: 5%; } .content .woocommerce .woocommerce-shipping-fields #shiptobilling .iradio:first-child { margin-left: 0; } .content .woocommerce .woocommerce-shipping-fields .note { padding: 14px 10px 12px !important; margin-bottom: 18px !important; } .content .woocommerce .woocommerce-shipping-fields .note:after { border: 0 !important; } .content .woocommerce .checkout .woocommerce-shipping-fields .shipping_address { padding-bottom: 25px;} .content .woocommerce .checkout .woocommerce-shipping-fields .shipping_address p.form-row { padding-top: 18px; } .content .woocommerce .checkout .woocommerce-shipping-fields .shipping_address p.form-row:first-child { padding-top: 0; } .content .woocommerce .woocommerce-shipping-fields .form-content .form-row.notes { border: 1px solid #ccc; padding-top: 18px; } .content .woocommerce .woocommerce-shipping-fields .form-content .form-row.notes textarea { height: 38px; padding-top: 9px !important; } .content .woocommerce .woocommerce-shipping-fields .form-content #shipping_state_field { padding: 0 0 18px 0 !important; } /*-------------------------------------------------*/ .content .woocommerce .woocommerce-shipping-optometrist .row { padding-top: 8px; } .content .woocommerce .woocommerce-shipping-optometrist label { color: #004990; display: block; padding-bottom: 5px; } .content .woocommerce .woocommerce-shipping-optometrist .checkout-optometrist-info { color: #666; font-size: 0.933em; line-height: 20px; } .content .woocommerce .woocommerce-shipping-optometrist .optometrist-title { color: #004990; font-size: 1.071em; text-transform: uppercase; } /*-------------------------------------------------*/ .content .woocommerce .checkout-product-list { padding-bottom: 15px; } .content .woocommerce .checkout-product-list .product-thumbnail { width: 36%; height: 153px; } .content .woocommerce .checkout-product-list .product-thumbnail img { max-width: 70%; height: auto; } .content .woocommerce .checkout-product-list .product-content { width: 64%; padding-left: 5%; } .content .woocommerce .checkout-product-list p { padding-bottom: 5px; } .content .woocommerce .checkout-product-list .product-name { font-size: 1.267em; line-height: 21px; color: #007dc3; padding-bottom: 13px; } .content .woocommerce .checkout-product-list p span { color: #00a4e4; text-transform: uppercase; } .content .woocommerce .checkout-product-list p span.amount, .content .woocommerce .checkout-product-list p span.cents { color: #333; text-transform: none; } /*-------------------------------------------------*/ .content .woocommerce .form .checkout-cart { margin-bottom: 7px; background: #edf4f8; padding: 0 15px 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .content .woocommerce .form .checkout-cart .tbl-cart { border: 0; overflow: visible; } .content .woocommerce .form .checkout-cart .tbl-cart .required { color: #ed1c24; } .content .woocommerce .form .checkout-cart .tbl-cart tr td, .content .woocommerce .form .checkout-cart .tbl-cart tr th { text-align: center; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-variations { padding-left: 0; text-align: left; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-variations, .content .woocommerce .form .checkout-cart .tbl-cart tr td { background: transparent; border-top: 1px solid #fff; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-prescription-date { padding-left: 25px; vertical-align: top; width: 45%; text-align: left; } .content .woocommerce .form .checkout-cart .tbl-cart tr td.product-prescription-date { border: 0; padding: 3px 0 3px 25px; vertical-align: top; width: 45%; } .content .woocommerce .form .checkout-cart .tbl-cart tr td.product-prescription-date .form-row { width: 47%; margin-left: 6%; float: left; text-align: left; } .content .woocommerce .form .checkout-cart .tbl-cart tr td.product-prescription-date .form-row:first-child { margin-left: 0; float: left; } .content .woocommerce .form .checkout-cart .tbl-cart tr td.product-prescription-date .warning-notification { width: 100%; float: left; margin: 12px 0 0 0; } /*-------------------------------------------------*/ .content .woocommerce .form .health-fund-details { padding-bottom: 15px; } /*-------------------------------------------------*/ .content .woocommerce .form .shipping_address { padding-bottom: 20px; } /*-------------------------------------------------*/ .content .woocommerce .form .form-content:first-child .notes { padding-top: 74px; } .content .woocommerce .form .notes { width: 100%; overflow: hidden; } .content .woocommerce .form .notes textarea { width: 100%; float: left; } .content .woocommerce .form .form-content .btn-base { min-width: 180px; } .content .woocommerce .form .form-content > .btn-base { margin-top: 20px; float: right; } /*-------------------------------------------------*/ .content .woocommerce .form.form-details > p { font-size: 14px; line-height: 20px; } .content .woocommerce .form.form-details .order-info { margin-bottom: 40px; } .content .woocommerce .form.form-details .order-review .tbl-subtotal tr th { width: 50%; } /*-------------------------------------------------*/ .content.full-width .woocommerce .form-details h2 { font-size: 2.5333em; line-height: 38px; } .content.full-width .woocommerce .form-details .order-review { margin-bottom: 35px; } .content.full-width .woocommerce .form-details .order-review .products-list.cart-list li { padding-bottom: 2px; } .content.full-width .woocommerce .form-details .order-review .total-tbl { margin: 20px 15px 0; width: 97%; text-transform: uppercase; } .content.full-width .woocommerce .form-details .order-review .total-tbl th { color: #004990; } .content.full-width .woocommerce .form-details .order-review .total-tbl td.last-child .amount { color: #004990; font-size: 3.6em;line-height: 54px; } .content.full-width .woocommerce .form-details .order-review .total-tbl td.last-child .amount .cents { font-size: 0.5em; vertical-align: top; line-height: 28px; } .content.full-width .woocommerce .form-details .my-addresses { padding-top: 5px; } .content.full-width .woocommerce .form-details .my-addresses .address { padding-top: 15px; } /*-------------------------------------------------*/ .content .woocommerce .checkout_coupon .coupon, .content .woocommerce .checkout-login { width: 100%; overflow: hidden; margin-top: -5px; padding-bottom: 40px; } .content .woocommerce .checkout_coupon .coupon input[type="text"] { height: 35px; line-height: 35px; } .content .woocommerce .checkout-login p { padding: 0; font-size: 14px; line-height: 16px; } .content .woocommerce .checkout-login .btn-base { margin: 0 10px 0 0; float: left; } /*---------------------------------Form Error Styles-------------------------------*/ .content .woocommerce .form .form-row.woocommerce-validated.validate-required input[type="text"], .content .woocommerce .form .form-row.woocommerce-validated.validate-required input[type="password"], .content .woocommerce .form .form-row.woocommerce-validated.validate-required input[type="email"], .content .woocommerce .form .form-row.woocommerce-validated.validate-required textarea, .content .woocommerce .form .form-row.woocommerce-validated.validate-required .chosen-container-single .chosen-single span { border-color: #62d91a; } .content .woocommerce .form .form-row.woocommerce-invalid.validate-required input[type="text"], .content .woocommerce .form .form-row.woocommerce-invalid.validate-required input[type="password"], .content .woocommerce .form .form-row.woocommerce-invalid.validate-required input[type="email"], .content .woocommerce .form .form-row.woocommerce-invalid.validate-required textarea, .content .woocommerce .form .form-row.woocommerce-invalid.validate-required .chosen-container-single .chosen-single span { border-color: #ed1c24; } .content .woocommerce .checkout .woocommerce-shipping-fields .form-content {clear: both;} .content .woocommerce .checkout .woocommerce-shipping-fields .form-content #order_comments_field { border: none; border-top: 1px solid #ccc;} label[for="braintree-cc-token-hhxhtm"] + br { clear: both;} .woocommerce-content .sidebar aside.woocommerce .block-filter > ul, .content.main-columns.col-md-9.woo-main-columns .woocommerce .resources-list, .my-account-staff-blocks ul.staff-blocks-list, #menu-my-account-page-menu, .woocommerce #reviews #comments ol.commentlist, div.thumbnails ul, .woocommerce-content .accordion li .accordion-content ul, .product .product-form form ul.variations li ul, ul.variations, ul.prod-more-info, ul.accordion, ul.single-product-attributes { list-style-type: none; padding: 0; margin: 0;} /*---------------------------------*/ .content .woocommerce .form.your-order .order-review .total div:first-child, .content .woocommerce .form.your-order .order-review .total, .content .woocommerce .form.your-order .order-review .health-fund-details .form-row .nib, .content .woocommerce .form.your-order .order-review .health-fund-details .notice-info, .woocommerce-content .filter-mobile, .content.main-columns.col-md-9.woo-main-columns .woocommerce h3, .woocommerce-content .accordion li .accordion-content dl dt, .product .product-form form .label-eye, .product .product-form form div.label, .product .product-form .block-add-to-cart .flat-rate, .product .product-form .desc-prod h2, .woocommerce-content .offers .discount-block, .product .product-form form ul.variations li ul li, .woocommerce-page ul.products li.product h3, table.shop_table.tbl-shop td.product-name .prod-title, div.pp_woocommerce .pp_close, div.pp_woocommerce .pp_close:before, .woocommerce-content div.product div.image-gallery div.image .woocommerce-main-image.zoom span.zoom, .woocommerce-page ul.products li.product .price .from, .woocommerce-content .filter-title, .woocommerce-content .share-block, .woocommerce-content .sidebar aside.woocommerce h3, .woocommerce-page ul.products li.product .price .woocommerce-price-before, .woocommerce-page ul.products li.product .price .woocommerce-price-after, .content .woocommerce .form.your-order .order-review .discount_coupon { font-family: 'RudaBold', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; } .content .woocommerce .form.your-order .order-review .total div.shipping_method, .content .woocommerce .form.your-order .order-review .total div, .product .product-form .gform_wrapper .gform_body .top_label li.variations-select ul li { font-family: 'Ruda', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; } /*---------------------------------*/ .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl tr.last-child td.last-child .amount, .woocommerce-content .subscription-block, .woocommerce-page ul.products li.product .new, .woocommerce-page ul.products li.product .onsale, table.shop_table.tbl-shop td.product-total, .prod-more-info li.last:before, .prod-more-info li .mark, .woocommerce-content .gform_wrapper .product_totals .top_label span.ginput_total, .woocommerce-content .product_totals .amount, .woocommerce-content ul.products li.product .subscription-img, .woocommerce-content .product_meta form ul.gform_fields li label, .woocommerce-content .offers .price, .single-product-banners .product-banner .prod-banner-desc .tel, .single-product-banners .product-banner .prod-banner-desc h2, .woocommerce ul.products li.product .price .amount, .woocommerce-page ul.products li.product .price .amount, .content .woocommerce .form.your-order .order-review .total.order-total div .amount { font-family: 'AquariusSix', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; } /*---------------------------------*/ body.woocommerce .page-title { padding: 20px 0 18px 0;} .woocommerce-content .content.main-columns.col-md-9 {width: 75%;} body.woocommerce .single-product-banner + .page-title { padding: 20px 0 10px 0;} /*---------------------------------*/ .woocommerce-content .shop-banner { border-radius: 5px; overflow: hidden; width: 100%; } .woocommerce-content .shop-banner img {max-width: 100%; width: 100%;} .woocommerce-content .share-block { text-transform: uppercase; text-align: right; padding-bottom: 7px; color: #0080c4; line-height: 22px;} .woocommerce-content .share-block .addthis_toolbox { display: inline-block; vertical-align: middle; margin-bottom: 3px; white-space: nowrap;} .woocommerce-content .share-block .addthis_toolbox a {float: none; display: inline-block; vertical-align: top;} .woocommerce-content .share-block .addthis_toolbox a > span { display: block; border-radius: 2px; height: 22px !important; width: 22px !important; background: url(../images/social-icons/share.png) 0 0 no-repeat; text-indent: -9999em; font-size: 0; background-size: auto!important; background-color: #fff!important;} .woocommerce-content .share-block .addthis_toolbox a.addthis_button_facebook span { background-position: 0 0 !important;} .woocommerce-content .share-block .addthis_toolbox a.addthis_button_twitter span { background-position: -28px 0 !important;} .woocommerce-content .share-block .addthis_toolbox a.addthis_button_email span { background-position: -56px 0 !important;} .woocommerce-content .share-block img{ margin-left: 10px;} /*---------------------------------*/ .woocommerce-content .single-product-attributes { padding: 0 0 35px 0;} .woocommerce-content .single-product-attributes li { display: inline-block; border-left: 1px solid #9C9C9C; margin-left: 5px; padding-left: 7px; line-height: 1;} .woocommerce-content .single-product-attributes li:first-child { border: none; margin-left: 0; padding-left: 0;} .woocommerce-content .single-product-attributes li span { text-transform: uppercase; color: #02a5e8; padding-right: 5px; } /*---------------------------------*/ .woocommerce-sort-by-columns, .sidebar aside.woocommerce > ul {list-style-type: none; margin: 0; padding: 0;} /*---------------------------------*/ .woocommerce-content .filter-title { color: #0476bc; text-transform: uppercase; padding-bottom: 15px; padding-top: 5px;} .woocommerce-content .sidebar {} .woocommerce-content .sidebar aside.woocommerce { border: 1px solid #ccc; padding: 0 14px 33px 14px; border-radius: 5px; margin-top: -6px; border-top: none; } .woocommerce-content .sidebar aside.woocommerce h3:first-child { margin: 0 -15px; background: #017dc3; padding: 11px 14px 7px 14px; border-radius: 5px 5px 0 0; font-size: 0.9333em; color: #fff;} .woocommerce-content .sidebar aside.woocommerce .clrear-filter {float: right; font-size: 0.93333em;} .woocommerce-content .sidebar aside.woocommerce .block-filter > ul { padding:13px 0 9px;} .woocommerce-content .sidebar aside.woocommerce .block-filter > ul li { overflow: hidden; padding-top: 4px; } .woocommerce-content .sidebar aside.woocommerce .block-filter > ul li:first-child {padding-top: 0;} .woocommerce-content .sidebar aside.woocommerce .block-filter > ul li .icheckbox { float: left; margin-top: 1px;} .woocommerce-content .sidebar aside.woocommerce .block-filter > ul li label { display: block; padding-left: 24px; padding-top: 1px; font-size: 0.93333em;} .woocommerce-content .sidebar aside.widget_sp_image {padding-top: 20px; padding-bottom: 0;} /*---------------------------------*/ .woocommerce-content {} .woocommerce-content .product-sort { display: table; width: 100%; margin: 15px 0;} .woocommerce-content .product-sort .woocommerce-ordering { width: 33.3333%; float: none; line-height: 38px; display: table-cell; vertical-align: middle; } .woocommerce-content .product-sort .woocommerce-ordering .chosen-container { display: block; width: 100% !important;} .woocommerce-content .product-sort .woocommerce-result-count { width: 33.3333%; float: none; display: table-cell; padding: 0 5px 0 22px; vertical-align: middle;} .woocommerce-content .product-sort .woocommerce-sort-by-columns { width: 33.3333%; float: none; display: table-cell; white-space: nowrap; line-height: 38px; padding: 0 18px 0 5px; text-align: right; vertical-align: middle;} .woocommerce-content .product-sort .woocommerce-sort-by-columns li { display: inline-block; margin-left: 5px; } /*---------------------------------*/ .woocommerce ul.products, .woocommerce-page ul.products { border: 1px solid #ccc; overflow: hidden; border-radius: 5px; margin-bottom: 20px;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; position: relative; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 33.33333%; margin: 0 0 -1px 0; padding: 20px 20px 5px 20px; } .woocommerce-page ul.products li.product.first { border-right: 1px solid #ccc; margin-left: 0; } .woocommerce-page ul.products li.product.last { float: right; border-right: none;} .woocommerce-page ul.products li.product .product-info { min-height: 125px;} .woocommerce-page ul.products li.product h3 { height: 40px; overflow: hidden; color: #004990; font-size: 1.2666em; line-height: 1.1em; padding: 0 0 10px 0; margin-bottom: 7px;} .woocommerce-page ul.products li.product .category-prod { /* padding-bottom: 10px; height:47px; */ overflow: hidden; font-size: 0.93333em;} .woocommerce-page ul.products li.product a { color: #007dc3;} .woocommerce-page ul.products li.product div.image-block { width: 100%; display: table; height: 156px; width: 100%; vertical-align: middle;} .woocommerce-page ul.products li.product div.image-block .image { display: table-cell; height: 100%; width: 100%; padding: 19px 17px; vertical-align: middle; text-align: center;} .woocommerce-page ul.products li.product a.img-container { display: inline-block; position: relative; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .woocommerce-page ul.products li.product a.img-container img { margin-bottom: 0; margin: 0 auto; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .woocommerce-page ul.products li.product .price-block { display: block; padding: 10px 0 10px 0; margin: 0; min-height: 32px;} .woocommerce-page ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 0.8em; color: #004990; margin-bottom: 0; text-transform: uppercase; } .woocommerce-page ul.products li.product.sold-individually .price, .woocommerce-page ul.products li.product.sold-individually .price .from { color:#f40407;} .woocommerce-page ul.products li.product.sold-individually del {color: #f40407;} .woocommerce-page ul.products li.product .price del {font-size: 1em; display: block;} .woocommerce-page ul.products li.product .price .cents { position: absolute; left: 100%; font-size: 0.4444em; display: inline-block; line-height: 1; top:0;} .woocommerce-page ul.products li.product .price .amount { font-size: 2.25em; white-space: nowrap; padding-right: 2px; position: relative; line-height: 1; vertical-align: top; display: inline-block;} .woocommerce-page ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .woocommerce-price-before { display: block; text-transform: uppercase; font-size: 1em; } .woocommerce-page ul.products li.product .price .woocommerce-price-after { display: inline-block; text-transform: uppercase; font-size: 1em; margin-left: 0; vertical-align: bottom; } .woocommerce-page ul.products li.product .price .from + .woocommerce-price-before { display: none;} .woocommerce ul.products li.product .info-prod { float: right; margin-top: 10px; vertical-align: bottom; padding-bottom: 5px;} /*-------------------------------*/ .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { position: relative; top: 0; left: 0; right: auto; text-transform: uppercase; color: #fff; background: #ff0000; text-shadow: none; font-size: 0.93333em; border-radius: 0; box-shadow: none; line-height: 29px; min-width: 50px; height: 28px; text-align: center; display: inline-block; margin: 0; margin-left: 12px; padding: 0 5px;} .woocommerce ul.products li.product .wc-new-badge, .woocommerce-page ul.products li.product .wc-new-badge { position: relative; top: 0; left: 0; right: auto; text-transform: uppercase; color: #fff; background: #00a4e4; text-shadow: none; font-size: 0.93333em; border-radius: 0; box-shadow: none; line-height: 29px; width: 50px; height: 28px; text-align: center; display: inline-block; margin: 0; margin-left: 12px; padding: 0 2px;} .woocommerce ul.products li.product .onsale:before, .woocommerce-page ul.products li.product .onsale:before {position: absolute; top: 0; left: -12px; display: inline-block; width: 12px; height: 28px; background: url(../images/icons/arrow-prod-info.png) 0 0 no-repeat; content:'';} .woocommerce ul.products li.product .wc-new-badge:before, .woocommerce-page ul.products li.product .wc-new-badge:before {position: absolute; top: 0; left: -12px; display: inline-block; width: 12px; height: 28px; background: url(../images/icons/arrow-prod-info.png) 0 -30px no-repeat; content:'';} .woocommerce-content ul.products li.product .subscription-img { padding: 2px 5px 2px 0; color: #00a4e4; text-transform: uppercase; border-radius: 3px; margin-top: 0; text-align: center; font-size: 0.9em;} .woocommerce-content ul.products li.product .subscription-img:before { display: inline-block; height: 26px; width: 25px; margin-right: 5px; content:''; background: url(../images/icons/time-subscribe.png) 0 0 no-repeat; vertical-align: middle;} /*-------------------------------*/ .woocommerce .products + .woocommerce-sort-by-columns { float: left; padding-top: 8px;} .woocommerce .products + .woocommerce-sort-by-columns + .woocommerce-pagination { float: right; line-height: 30px; } .woocommerce .woocommerce-sort-by-columns li {display: inline-block; margin-left: 5px;} .woocommerce .products .woocommerce-sort-by-columns { float: left; line-height: 30px; } /*----------------Single Page------------------------*/ .woocommerce-content div.product div.image-gallery { border: 1px solid #c8c8c8; border-radius: 5px;} .woocommerce-content div.product div.image-gallery .image-block {position: relative; display: table; width: 100%;} .woocommerce-content div.product div.image-gallery div.image { float: none; display: table-cell; width: 458px; margin: 0; padding: 18px; text-align: center; vertical-align: middle; height: 450px;} .woocommerce-content div.product div.image-gallery div.image img { display: block; margin: 0 auto; height: auto; max-width: 422px;} .woocommerce-content div.product div.image-gallery div.image .woocommerce-main-image.zoom { display: block; } .woocommerce-content div.product div.image-gallery div.image .woocommerce-main-image.zoom img { } .woocommerce-content div.product div.block-left .share-block { padding: 20px 0; text-align: center;} .woocommerce-content div.product div.image-gallery div.image .woocommerce-main-image.zoom span.zoom {position: absolute; padding-left: 23px; white-space: nowrap; text-transform: uppercase; background: url(../images/icons/search-icon.png) no-repeat scroll 0 0; color: #989898; margin-left: -40px; bottom: 24px; font-size:13.5px; left: 50%;} /*-------------------------------*/ .woocommerce-content div.product div.image-gallery div.thumbnails { width: 100%; border-top: 1px solid #c8c8c8; overflow: hidden; padding: 18px 0; } .woocommerce-content div.product div.image-gallery div.thumbnails ul { overflow: hidden; margin: -29px 0 0 0; padding-right: 6.333%; } .woocommerce-content div.product div.image-gallery div.thumbnails ul li { float: left; width: 27%; margin: 29px 0 0; margin-left: 6.3333%; vertical-align: top; } .woocommerce-content div.product div.image-gallery div.thumbnails ul li a { display: block; padding: 14px; border-radius: 5px; border: 1px solid #c8c8c8; } .woocommerce-content div.product div.image-gallery div.thumbnails ul li a:hover { border-color: #666;} .woocommerce-content div.product div.image-gallery div.thumbnails ul li a img { max-width: 100%; border-radius: 5px; height: auto; margin: 0 auto;} /*-------------------------------*/ .single-product-banners { clear: both; padding-bottom: 16px;} .single-product-banners .product-banner { background: #00a3e4; border-radius: 5px; overflow: hidden; margin-bottom: 16px; } .single-product-banners .product-banner .img-container { float: right; max-width: 47.8%;} .single-product-banners .product-banner img { max-width: 100%;} .single-product-banners .product-banner .prod-banner-desc { overflow: hidden; padding: 15px 18px 15px 20px; color: #fff; line-height: 1.4; } .single-product-banners .product-banner .prod-banner-desc h2 { text-transform: uppercase; padding-bottom: 7px; font-size: 1.292em;} .single-product-banners .product-banner .prod-banner-desc .tel { font-size: 1.72333em; padding-top: 4px; color: #fff !important;} .single-product-banners .product-banner .prod-banner-desc .tel a { color: #fff !important;} .single-product-banners .product-banner .prod-banner-desc .btn-base { margin-top: 7px; font-size: 13px; padding: 0 10px !important; } .single-product-banners .product-banner .prod-banner-desc .desc { line-height: 1.3;} /*-------------------------------*/ .woocommerce div.product div.summary { text-align: center;} .woocommerce div.product .product-form { text-align: left; padding-top: 20px; border-top: 1px solid #ccc;} .woocommerce-content .accordion { } .woocommerce-content .accordion li { border-top: 1px solid #ccc;} .woocommerce-content .accordion li:first-child {border-top: none;} .woocommerce-content .accordion li .accordion-title { padding: 15px 50px 15px 20px; color: #004890; position: relative; background: url(../images/icons/arorw-accordion.png) right 17px no-repeat; cursor: pointer; font-size: 1.2em;} .woocommerce-content .accordion li .accordion-title.uncollapsed { background-position: right -310px; } /*-------------------------------*/ .woocommerce-content .accordion li .accordion-content { padding: 2px 48px 10px 20px;} .woocommerce-content .accordion li .accordion-content h2 { color:#084890; font-size:1.3333em;} .woocommerce-content .accordion #reviews h3 { font-size:1.333em; padding:1em 0 0 0;} .woocommerce-content .accordion li .accordion-content p { padding:0.4em 0;} .woocommerce-content .accordion li .accordion-content p b:first-child, .woocommerce-content .accordion li .accordion-content p strong:first-child { color: #00489a; font-weight: normal;} .woocommerce-content .accordion li .accordion-content ul {} .woocommerce-content .accordion li .accordion-content ul li { padding-left: 15px; padding-bottom: 10px; background: url(../images/icons/bull.png) 0 5px no-repeat; border: none;} .woocommerce-content .accordion li .accordion-content dl { overflow: hidden; } .woocommerce-content .accordion li .accordion-content dl dt { float: left; width: 30%; color: #00a4e4; text-transform: uppercase; padding: 1px 13px 0 0; word-wrap: break-word; clear: left; } .woocommerce-content .accordion li .accordion-content dl.shop_attributes dt { width: 45%; } .woocommerce-content .accordion li .accordion-content dl dd { overflow: hidden; padding-bottom: 15px; margin: 0; } .woocommerce-content .accordion li .accordion-content dl dd p { padding: 0; } .woocommerce-content .accordion li .accordion-content table.shop_attributes td { padding: 8px; } .woocommerce-content .accordion li.lens-details_tab .accordion-content dl dt {width: 35%;} /*-------------------------------*/ .woocommerce-content .subscription-block { text-transform: uppercase; color: #00a4e4; font-size: 1.8em; padding-bottom: 10px; line-height: 40px; margin-top: -10px; margin-left: -7px;} .woocommerce-content .subscription-block span { } .woocommerce-content .subscription-block span.icon:before { display: inline-block; width: 49px; height: 40px; background: url(../images/icons/subscribe-var.png) 0 0 no-repeat; content:''; vertical-align: middle; margin-top: -5px; margin-right: 10px;} /*-------------------------------*/ .woocommerce-content .additional-info {display: inline-block; text-align: left; padding-bottom: 40px;} .woocommerce-content .offers { padding-bottom: 13px; } .woocommerce-content .offers .discount-block { text-transform: uppercase; color: #fc0204; padding-top: 5px;} .woocommerce-content .offers .price { color: #004c92; font-size: 3.608em; vertical-align: top; line-height: 1; } .woocommerce-content .offers .price > span { display: inline-block; } .woocommerce-content .offers .price .amount { vertical-align: top; line-height: 0.8; margin: 0 0;} .woocommerce-content .offers .price .amount .cents { font-size: 0.6em; line-height: 0.8em; vertical-align: top;} .woocommerce-content .offers .price .woocommerce-price-before { position: relative; font-size: 0.3822em; padding:0 12px; background: #004890; color: #fff; border-radius: 2px 0 0 2px; line-height: 44px; text-transform: uppercase; vertical-align: top; margin-right: 20px;} .woocommerce-content .offers .price .woocommerce-price-before:after { position: absolute; right: -8px; top: 0; display: block; height: 100%; width: 9px; content:''; background: url(../images/icons/price-from.png) 0 0 no-repeat;} .woocommerce-content .offers .price .from { position: relative; font-size: 0.3822em; padding:0 12px; background: #004890; color: #fff; border-radius: 2px 0 0 2px; line-height: 44px; text-transform: uppercase; vertical-align: top; margin-right: 20px; } .woocommerce-content .offers .price .from:after { position: absolute; left: 100%; top: 0; display: block; height: 100%; width: 9px; content:''; background: url(../images/icons/price-from.png) 0 0 no-repeat;} .woocommerce-content .offers .price .from + .woocommerce-price-before {display: none;} .woocommerce-content .offers .price .woocommerce-price-after { margin-left: -42px; text-transform: uppercase; line-height: 2.4em; vertical-align: bottom; font-size:0.2777em; } /*-------------------------------*/ .woocommerce-content .prod-more-info { } .woocommerce-content .prod-more-info li {position: relative; display: inline-block; color: #fff; text-align: center; vertical-align: top; max-width: 76px; margin:0 2px; border-bottom: 0; border-radius:5px 5px 0 0;} .woocommerce-content .prod-more-info li:after {display: block; width: 76px; height: 20px; margin-top: -9px; content:''; background: url(../images/icons/arrow-prod-more-info.png) center bottom no-repeat;} .woocommerce-content .prod-more-info li .mark { background: #00a3e4; text-transform: uppercase; border-radius: 5px 5px 0 0; height: 40px; overflow: hidden; font-size: 1.6em; display: table; width: 100%;} .woocommerce-content .prod-more-info li .mark .mark-container { display: table-cell; width: 100%; vertical-align: middle;} .woocommerce-content .prod-more-info li .more-desc { width: 76px; max-width: 76px; display: table-cell; background: #004890; font-size: 10px; text-transform: uppercase; padding: 3px 6px 0 6px; line-height: 1.2em; overflow: hidden; vertical-align: middle; height: 30px;} .woocommerce-content .prod-more-info li .more-desc span { display: block; max-width: 100%; overflow: hidden;} .woocommerce-content .prod-more-info li .mark img {max-width: 36px; max-height: 36px;} .woocommerce-content .prod-more-info li.last:before {content:''; height: 20px; width: 30px; color: #fff; background: #00a7e4; position: absolute; left: -20px; top: 22px; font-size: 37px; padding: 0 5px 7px 5px; border-radius: 5px; background: url(../images/icons/equally.png) 0 0 no-repeat;} /*-------------------------------*/ .woocommerce-content .parameters { } /*-------------------------------*/ .woocommerce-content nav.woocommerce-pagination { text-align: right;} .woocommerce-content nav.woocommerce-pagination ul { border-radius: 3px; overflow: hidden;} .woocommerce-content nav.woocommerce-pagination ul li {} .woocommerce-content nav.woocommerce-pagination ul li:first-child { border-radius: 5px 0 0 5px;} .woocommerce-content nav.woocommerce-pagination ul li .current { background: #eeeeee; color: #017dc3;} .woocommerce-content nav.woocommerce-pagination ul li:hover a { background: #017dc3; color: #fff;} /*-------------------------------*/ .woocommerce-content .product_totals label { text-transform:uppercase; color:#034895;} .woocommerce-content .product_totals .amount { color:#00488c; font-size:2em; padding-top:0; display:block; line-height: 1em;} .woocommerce-content .gform_wrapper .product_totals .top_label .amount {display: inline-block;} .woocommerce-content .gform_wrapper .product_totals .top_label span.ginput_total { color: #00488C; font-style: normal; text-transform: uppercase;} /*-------------------------------*/ .woocommerce-content .related.products h2 { padding-bottom: 0.5em; color: #00488C;} /*-------------------------------*/ .product .product-form .gform_wrapper .gform_body .top_label > li{ min-height: 45px; padding: 5px 0 5px 0 !important; margin: 0 !important; width: 30%; border-bottom: 1px solid #fff;} .product .product-form .gform_wrapper .gform_body .top_label > li.selected-variable { line-height: 34px; text-align: center; } .chosen-container-single .chosen-single div b { border-radius: 0;} .product .product-form .gform_wrapper .gform_body .top_label {padding-left: 18px !important; padding-right: 20px !important;} .product .product-form .gform_wrapper .gform_body .top_label li.gf_middle_third { width: 31% !important; padding-right: 10px !important;} .product .product-form .gform_wrapper .gform_body .top_label li.gf_right_third { width: 31% !important; padding-left: 10px !important;} .product .product-form .gform_wrapper .gform_body .top_label li.gf_left_third { width: 38% !important; padding-right: 0 !important; padding-left: 0 !important;} .product .product-form .gform_wrapper .gform_body .top_label li .chosen-container-single .chosen-single { height: 34px!important; line-height: 34px!important; } .product .product-form .gform_wrapper .gform_body .top_label li .chosen-container-single .chosen-single span { height: 34px!important; line-height: 33px!important; } .product .product-form .gform_wrapper .gform_body .top_label li input { height: 32px; background: none; border: none; cursor: default; text-align: center; color: #585a5b;} .product .product-form .gform_wrapper .gform_body .top_label li input:focus { box-shadow: none !important;} .product .product-form form { margin-bottom: 1.9em;} .product .product-form form .eye-block { position: relative; background: #edf4f8; border-radius: 8px; clear: both; padding-bottom: 1px; float: left; width: 100%; clear: both;} .product .product-form form .eye-block > div { overflow: visible;} .product .product-form form ul.variations + .eye-block { margin-top: -5px;} .product .product-form form div.label { display: inline-block; text-transform: uppercase; color: #03498e; line-height: 32px; padding-top: 2px; } .product .product-form form div.help { display: inline-block; position: relative;} .product .product-form form div.help span { display: inline-block; height: 20px; width: 20px; text-indent: -9999em; background: url(../images/icons/help.png) 0 0 no-repeat; cursor: pointer;} .product .product-form form .gform_body ul li label.gfield_label {display: none;} .product .product-form form div.help .desc { display: none; position: absolute; bottom: 100%; left: 50px; margin-bottom: 10px; margin-left: -115px; width: 150px; border: 1px solid #02a4ec; padding: 5px; background: #fff; border-radius: 7px; font-size: 10px; z-index: 150; white-space:normal;} .product .product-form form div.help .desc:after, .product .product-form form div.help .desc:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .product .product-form form div.help .desc:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .product .product-form form div.help .desc:before { border-color: rgba(6, 158, 233, 0); border-top-color: #069ee9; border-width: 11px; margin-left: -11px; } .product .product-form form .label-eye { color: #03498e; line-height: 30px; text-transform: uppercase; padding-top: 3px; text-align: center; } .product .product-form form div.help:hover .desc { display: block;} /*-------------------------------*/ .product .product-form .gform_wrapper .gform_body ul.variations { background: #edf4f8; overflow: visible;} .product .product-form .gform_wrapper .gform_body .top_label li.variations-select { width: 62% !important; float: right; } .product .product-form .gform_wrapper .gform_body .top_label li.variations-select ul { display: block; } .product .product-form .gform_wrapper .gform_body .top_label li.variations-select ul li { display: block; padding: 6px 10px 5px; border-radius: 0; cursor: pointer; text-transform: none; color: #999; background: none;} .product .product-form .gform_wrapper .gform_body .top_label li.variations-select ul li:first-child { width: 100%; } .product .product-form .gform_wrapper .gform_body .top_label li.variations-select ul li.active-variation { background-image: none; } #main-content .product .product-form .gform_wrapper .gform_body .top_label li.variations-select ul.chosen-results li {width: 100% !important;} /*-------------------------------*/ .product .product-form form ul.variations { overflow: hidden; width: 100%; margin: 0 !important; clear: both;} .product .product-form form ul.variations li ul { display: table; width: 100%;} .product .product-form form ul.variations li ul li { display: table-cell; padding: 12px 6px 12px 30px; border-radius: 5px 5px 0 0; vertical-align: top; cursor: pointer; text-transform: uppercase; color: #047fc5; background: url(../images/icons/arrow-bottom.png) 15px 19px no-repeat; width: 38%; } .product .product-form form ul.variations li ul li[data-value="per-box"] { width: 24%;} .product .product-form form ul.variations li ul li.active-variation {background: #ecf4f7 url(../images/icons/arrow-bottom.png) 15px 19px no-repeat; } .product .product-form form ul.variations li ul li .discount {font-size: 0.8em; color: #fa0009;} .product .product-form form ul.variations li ul li /*------------------------------*/ .content .woocommerce h2 {padding-bottom: 12px; padding-top: 20px;} .product .product-form form .clear {clear: none;} .product .product_totals { float: left; width: 38%; padding: 27px 20px 10px 20px; } .product .product-form .block-add-to-cart { float: right; width: 61%; padding: 23px 20px 10px 0; } .product .product-form .block-add-to-cart .variations_button { float: right; width: 100%; } .product .product-form .block-add-to-cart .variations_button .btn-base { line-height: 49px; display: block; width: 100%; color: #fff;} .product .product-form .block-add-to-cart .variations_button .btn-base { line-height: 49px; display: block; width: 100%; color: #fff;} .product .product-form .block-add-to-cart .variations_button button[disabled], .product .product-form .block-add-to-cart .variations_button button.disabled[disabled] { color: #fff !important; text-shadow: none !important; filter:none !important; border: none;} .product .product-form .block-add-to-cart .variations_button .quantity.buttons_added { float: none; margin: 0 auto;} .product .product-form .block-add-to-cart .flat-rate { text-transform: uppercase; color: #05488f; padding: 10px 0 0 0; text-align: center; clear: both;} .product .product-form .desc-prod { clear: both; margin: 10px; background: #fff; padding: 15px 20px; border-radius: 5px; line-height: 1.2;} .product .product-form .desc-prod h2 { text-align: center; text-transform: uppercase; color: #009fe3; padding-bottom: 12px; font-size: 1em;} .product .product-form .desc-prod .desc-prod-more { font-size: 0.866666em;} .woocommerce-accordion { text-align: left;} /*-------------------------------*/ div.pp_woocommerce div.ppt { display: none !important;} div.pp_woocommerce .pp_description, div.pp_woocommerce .pp_nav {display: none !important;} .pp_gallery { display:none;} .pp_hoverContainer {top: 2.5em;} #pp_full_res {margin-top: 2.5em;} div.pp_woocommerce .pp_next:before, div.pp_woocommerce .pp_previous:before { content:''; width: 35px; height: 35px; margin-top: -15px; background: url(../images/icons/gallery-nav-icon.png) 0 0 no-repeat;} div.pp_woocommerce .pp_next:before {background-position: right 0;} div.pp_woocommerce .pp_previous:before {background-position: 0 0;} div.pp_woocommerce a.pp_contract, div.pp_woocommerce a.pp_expand { background: #fff; text-shadow: 0 1px 2px rgba(0,73,144,.5); top: 0.5em; left: 0.5em;} div.pp_woocommerce a.pp_contract:before, div.pp_woocommerce a.pp_expand:before { color: #004990;} div.pp_woocommerce .pp_close { top: 20px; right: 20px; text-indent: 0; color: #004796 !important; padding-right: 15px; text-transform: uppercase; height: auto; width: auto; border-radius: 0; background: none; text-shadow: none; font-size: 1em !important;} div.pp_woocommerce .pp_close:hover {background: none;} div.pp_woocommerce .pp_close:before { color: #004796; right: 0; top: 0; left: auto; content:'X'; font-size: 1em;} /*---------------------------*/ table.shop_table.tbl-shop {} table.shop_table.tbl-shop th.product-total {text-align: center;} table.shop_table.tbl-shop td.product-name {} table.shop_table.tbl-shop td.product-name .prod-title { font-size: 1.2em; padding-bottom: 10px; color: #007DC3; text-transform: uppercase;} table.shop_table.tbl-shop td.product-total { color: #004e8d; font-size: 1.5em; text-align: center;} table.shop_table.tbl-shop td.product-name .variation {} table.shop_table.tbl-shop td.product-name .variation .variation-data { display: inline-block; width: 49%; padding: 5px 0;} table.shop_table.tbl-shop td.product-name .variation .variation-data div {display: inline-block;} table.shop_table.tbl-shop td.product-name .variation .variation-data.variation-Purshase { display: block; width: 100%;} table.shop_table.tbl-shop td.product-name .variation .variation-data.variation-Purshase div:first-child {color: #004e8d; } /*-------------------------------*/ .content .woocommerce .my-account-detail {} .content .woocommerce .my-account-detail h2 { color: #004990; font-size: 2.133em; line-height: 32px; padding-bottom:0; padding-bottom: 10px; padding-top: 0;} .content.main-columns.col-md-9.woo-main-columns { width: 75%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce { padding: 26px 39px 27px 39px; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 20px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .login-form { width: 100%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce h2 { font-size: 2.5333em; line-height: 1; color: #004990;} .content.main-columns.col-md-9.woo-main-columns .woocommerce h2:first-child { padding-top: 0;} .content.main-columns.col-md-9.woo-main-columns .woocommerce h3 {color: #004990; padding: 10px 0 17px 0; line-height: 1.3; } .content.main-columns.col-md-9.woo-main-columns .woocommerce p {padding: 5px 0;} .content.main-columns.col-md-9.woo-main-columns .woocommerce #billing_country_field { display: none;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_day_field, .content.main-columns.col-md-9.woo-main-columns #billing_birthday_month_field, .content.main-columns.col-md-9.woo-main-columns #billing_birthday_year_field{ width: 30%; margin-left: 5%;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_day_field { margin-left: 0;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_month_field, .content.main-columns.col-md-9.woo-main-columns #billing_birthday_year_field { padding-top: 26px; position: relative;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_month_field label { position: absolute; top: 4px; left: 0; white-space: nowrap; color: #707070; font-size: 10px;} /*-------------------------------*/ .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .cart-list li .product-name { padding-bottom: 0;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details thead th { text-align: center !important; } .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details td { text-align: center; padding: 10px; min-width: 10px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details th { padding: 10px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details th.product-variations { text-transform: uppercase; color: #004990; white-space: nowrap;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl { margin-top: 20px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl th { color: #004990; text-transform: uppercase; } .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl td { text-transform: uppercase;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl tr.last-child td.last-child { color: #004E8D; text-transform: uppercase;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl tr.last-child td.last-child .amount { font-size: 3.6em; line-height: 1; margin-right: -38px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl tr.last-child td.last-child .amount:last-child {margin-right: 0;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl tr.last-child td.last-child .amount .cents {font-size: 0.5em; vertical-align: top;} .content.main-columns.col-md-9.woo-main-columns .woocommerce p.order-info { padding: 10px 15px !important; } .content.main-columns.col-md-9.woo-main-columns .woocommerce .myaccount_patient_signup { margin-bottom: 25px; } .content.main-columns.col-md-9.woo-main-columns .woocommerce .add-new-prescription { margin-bottom: 20px; } .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders th {padding: 10px 8px 10px;} .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders td { padding: 13px 7px 12px;} .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders td .button { overflow: hidden; display: block; margin-bottom: 5px; } .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders .nobr { white-space: pre-wrap; } /*-------------------------------*/ .content .woocommerce table.my-prescriptions-list .nobr { white-space: pre-wrap; } .content .woocommerce table.my-prescriptions-list .prescriptions-actions { width: 330px; } /*-------------------------------*/ .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-form { padding-left: 0; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .product-info h3 { margin-top: -3px; padding: 0 0 5px; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .image-block { padding: 15px 0 15px 7px; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .image-block a { display: inline-block; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .image-block a img { width: 150px; max-width: 100%; height: auto; } .content .woocommerce .my-prescriptions-edit .product-form { padding-top: 0; border: 0; } .content .woocommerce .my-prescriptions-edit .product-form ul.variations li ul li { background-position:9px 19px; padding-left: 20px; } .content .woocommerce .my-prescriptions-edit .product-form ul.variations li ul li.active-variation { background-position:9px 19px; } .content .woocommerce .my-prescriptions-edit .product-form .product_totals { width: 65%; } .content .woocommerce .my-prescriptions-edit .product-form .block-add-to-cart { width: 35%; } .content .woocommerce .my-prescriptions-edit .product-form .block-add-to-cart .flat-rate { text-align: right; } .content .woocommerce .my-prescriptions-product { width: 100%; overflow: hidden; } .content .woocommerce .my-prescriptions-product .button { float: left; min-width: 140px; } .content .woocommerce .my-prescriptions-product .save-prescription-product { float: right; } /*-------------------------------*/ .content.main-columns.col-md-9 .my-prescriptions-product-search h3, .content .woocommerce .patient-signup-form h3 { font-size: 1.5em; padding: 0 0 20px !important; } .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row label { color: #007dc3; display: block; font-size: 0.933em; font-weight: normal !important; line-height: 15px; padding-bottom: 5px; } .content .woocommerce .my-prescriptions-product-search .select-new-prescription-product { padding-top: 10px; } .content .woocommerce .my-prescriptions-product-search .select-new-prescription-product .btn-base { float: right; } .content .woocommerce .my-prescriptions-product-search .select-new-prescription-product .my-prescriptions-product-search-form-clear { float: left; margin-right: 3px; } /*-------------------------------*/ .content .woocommerce .patient-signup-form .form-element.row, .content .woocommerce .my-prescriptions-product-search .row { margin-left: -18px; margin-right: -18px; } .content .woocommerce .patient-signup-form .form-row, .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row { padding: 0 18px 18px; } .content .woocommerce .patient-signup-form .form-row select, .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row select { width: 100%; } .content .woocommerce .patient-signup-form h3 { padding-top: 5px !important; } /*-------------------------------*/ .content .my-account-staff-blocks { padding-top: 10px;} .content .my-account-staff-blocks ul.staff-blocks-list { margin-top: -19px; overflow: hidden;} .content .my-account-staff-blocks ul.staff-blocks-list li { padding-top: 20px; float: left;} .content .my-account-staff-blocks ul.staff-blocks-list li:nth-child(2n){float: right;} .content .my-account-staff-blocks ul.staff-blocks-list li .container-staff { border-radius: 5px; border: 1px solid #ccc; padding: 14px 18px 22px 18px;} .content .my-account-staff-blocks ul.staff-blocks-list li .container-staff h3 { color: #004990; font-size: 1.6em; line-height: 24px; padding-bottom: 6px !important; padding-top: 0 !important; } .content .my-account-staff-blocks ul.staff-blocks-list li .container-staff .staff-block-description { height: 111px; margin-bottom: 15px; font-size: 0.933333em; overflow: hidden;} .content .my-account-staff-blocks ul.staff-blocks-list li .container-staff .btn-base { min-width: 73px;} /*-------------------------------*/ .content.main-columns.col-md-9.woo-main-columns .woocommerce .resources-list { font-size: 1.2em; margin-top: 16px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .resources-list li { border-top: 1px solid #ccc; display: table; width: 100%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .resources-list li:first-child {border: none;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .resources-list li h4 { display: table-cell; vertical-align: middle; text-align: left; padding: 10px 0; color: #007dc3;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .resources-list li .link-res { display: table-cell; vertical-align: middle; text-align: right; padding: 10px 0 10px 10px;} /*-------------------------------*/ .woocommerce-content .filter-mobile { padding: 34px 40px; margin: 0 -40px; color: #fff; text-align: center; font-size: 2.667em; background:#37a3e3 url(../images/icons/arrow-filter.png) 96% -6px no-repeat; cursor: pointer;} .woocommerce-content .filter-mobile.uncollapsed { background-position: 94.5% -113px;} #braintree-my-saved-cards { margin-top: 0 !important;} .my-addresses + #braintree-my-saved-cards {margin-top: 26px !important;} .woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p {margin-bottom: 0;} #commentform .captcha-image {width: 100%; background: #DFF2FF;} /*-------------------------------*/ #footer {position: relative; z-index: 11;} /*-------------------------------*/ .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { display: inline-block; background: url(../images/site/button/base-btn-bg.png) repeat-x; padding: 0 15px; height: 34px; line-height: 35px; font-size: 13px; text-align: center; color: #fff !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-text-stroke: 1px rgba(255,255,255,0.1); border: none; text-shadow: none; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { color: #fff; background: url(../images/site/button/base-btn-bg.png) 0 -50px repeat-x; text-decoration: none;} .woocommerce .cart-collaterals { overflow:hidden; padding-bottom: 20px;} .woocommerce .cross-sells { clear: both; overflow: hidden; padding-top: 20px; border-top: 1px solid #ccc;} .woocommerce .cross-sells h2 { color: #00488C; padding-bottom: 0.5em; padding-top: 0;} .content .woocommerce .cart-form {padding-bottom:0;} .content .woocommerce .form.your-order:after { display: block; width: 100%; clear: both; content:'';} .content .woocommerce .form.your-order .order-review h3 { padding: 20px 0 15px 0; } .content .woocommerce .form.your-order .order-review h3:first-child { padding-top: 0;} .content .woocommerce .form.your-order .order-review .health-fund-details {} .content .woocommerce .form.your-order .order-review .health-fund-details .form-row {} .content .woocommerce .form.your-order .order-review .health-fund-details .form-row label{} .content .woocommerce .form.your-order .order-review .health-fund-details .form-row .nib { font-size: 1.666em; text-transform: uppercase; color: #004990; padding-top: 10px;} .content .woocommerce .form.your-order .order-review .health-fund-details .notice-info { font-size: 0.6666em; line-height: 1.2; padding-top: 8px;} .content .woocommerce .form.your-order .order-review .health-fund-details .notice-info strong { color: #007dc3; text-decoration: underline;} .content .woocommerce .form.your-order .order-review .create-account.check-row.tick { border-radius: 5px; background: #dff2ff; padding: 15px 13px 13px; font-size: 12px; overflow: hidden; line-height: 1.2;} .content .woocommerce .form.your-order .order-review .create-account.check-row.tick .icheckbox { margin-top: 3px; margin-right: 5px !important; } .content .woocommerce .form.your-order .order-review .create-account.check-row.tick strong { color: #007dc3; text-decoration: underline;} .content .woocommerce .form.your-order .order-review .create-account.check-row.tick #confirmblock { float: left; margin-right: 10px;} .content .woocommerce .form.your-order .order-review .create-account.check-row.tick label { line-height: 1.2 !important; width: 90%; float: none; display: inline; padding-left: 0 !important;} .content .woocommerce .form.your-order .order-review #place_order {display: block; width: 100%; margin-top: 17px;} .content .woocommerce .form.your-order .order-review .total { display: table; width: 100%; overflow: hidden; text-transform: uppercase; color: #004990; padding-bottom: 8px;} .content .woocommerce .form.your-order .order-review .total div { display: table-cell; width: 50%; text-transform: uppercase; text-align: right; color: #333333; vertical-align: middle; } .content .woocommerce .form.your-order .order-review .total div:first-child { display: table-cell; color: #004990; text-align: left;} .content .woocommerce .form.your-order .order-review .total div.shipping_method { color: #333333; text-align: right;} .content .woocommerce .form.your-order .order-review .total.order-total { padding: 10px 0 15px 0; } .content .woocommerce .form.your-order .order-review .total.order-total div .amount { font-size: 3.608em; line-height: 0.9; color: #004990;} .content .woocommerce .form.your-order .order-review .total.order-total div .amount .cents { font-size: 0.5em; vertical-align: top;} .content .woocommerce .form.your-order .order-review .total.order-total div:first-child { font-size: 1.4em;} .content .woocommerce .form.your-order .order-review .discount_coupon { color: #ff0000;} .content .woocommerce .form.your-order .order-review .payment_method {padding-top: 25px; text-align: center;} .content .woocommerce .form.your-order .order-review .payment_method .payment_method_braintree .payments-list { text-align: center; padding-top: 10px;} .content .woocommerce .form.your-order .order-review .payment_method .payment_method_braintree .payments-list a { width: 15.8%; margin-left: 10px;} .content .woocommerce .form.your-order .order-review .payment_method .payment_method_braintree .payments-list a:first-child { margin-left: 0;} .content .woocommerce .form.your-order .order-review .payment_method .payment_method_braintree img { margin: 0; max-width: 100%} .woocommerce #payment label { font-size: 1em; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after {display: none;} .content .woocommerce .form.your-order #payment div.payment_box { background: none; box-shadow: none; margin: 0; padding: 0;} .content .woocommerce .form.your-order #payment div.payment_box .form-row-wide {} .content .woocommerce .form.your-order #payment div.payment_box .form-row-wide br {font-size: 0; } .content .woocommerce .form.your-order #payment div.payment_box .form-row-wide .button { float: none !important; display: block; margin-bottom: 20px;} .content .woocommerce .form.your-order #payment div.payment_box .form-row-wide .iradio { float: left; clear: left; margin-bottom: 4px; } .content .woocommerce .form.your-order #payment div.payment_box .form-row-wide label { overflow: hidden; padding-left: 6px; display: inline-block !important; padding-top: 4px;} .content .woocommerce .form.your-order #payment div.payment_box fieldset { border: none; padding: 0; padding-top: 10px;} .content .woocommerce .form.your-order #payment div.payment_box fieldset .braintree-new-card {} .content .woocommerce .form.your-order #payment div.payment_box fieldset p.form-row { width: 100%; float:left;} .content .woocommerce .form.your-order #payment div.payment_box fieldset p.form-row.validate-cc-exp-date { } .content .woocommerce .form.your-order #payment div.payment_box fieldset p.form-row.validate-cc-exp-date > div.chosen-container { float: right !important; width: 25% !important;} .content .woocommerce .form.your-order #payment div.payment_box fieldset p.form-row.validate-cc-exp-date > div.chosen-container#braintree_cc_exp_month_chosen { float: left !important; width: 62% !important; } .content .woocommerce .form.your-order #payment div.payment_box fieldset #braintree-cc-cvv { width: 73% !important;} .woocommerce-page table.shop_table.my_account_orders.tbl-order .btn-base {display: block;} .medicare-item-code { overflow: hidden; text-transform: uppercase; color: #004990; padding: 5px 0; margin-top: 20px;} .medicare-item-code + .total-tbl { margin-top: 0 !important;} .medicare-item-code span {float: right; color: #333;} .form-details .medicare-item-code { margin: 20px 15px 0; width: 97%;} /*-----------------------*/ .order-review{ margin: 1em 0;} #print-button { float: right;} #braintree-cc-cvv-section { clear: both; width: 100%; float: none; padding: 0 !important; } #braintree-cc-cvv-section:after { display: block; clear: both; width: 100%; content:'';} .content .woocommerce .form.your-order #payment div.payment_box fieldset #braintree-cc-cvv { width: 100% !important;} #braintree-cc-cvv_field { float: left; width: 62% !important; padding-right: 19px !important;} /*-----------------------*/ .braintree-cc-cvv-help.help { position: relative; float: left; width: 25%; white-space: nowrap; margin-top: 29px; color: #00a4e4; font-weight: bold; font-size: 0.9em;} .braintree-cc-cvv-help.help a:hover { text-decoration: none;} .braintree-cc-cvv-help.help span { background: url("../images/icons/help.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size: 100%; cursor: pointer; display: inline-block; height: 15px; text-indent: -9999em; width: 15px; vertical-align: middle; margin-right: 5px;} .braintree-cc-cvv-help.help .desc { display: none; margin-bottom: 25px;} .braintree-cc-cvv-help.help .desc { max-width: 475px; width: 475px; position: absolute; bottom: 100%; left: 0; padding: 35px 40px; background: #fff; border-radius: 5px; z-index: 500; box-shadow: 0 0 10px #999; white-space: normal; color: #343434; font-size: 15px; font-weight: normal;} .braintree-cc-cvv-help.help .desc h2 { text-transform: uppercase; text-align: center; margin: 0; border: none; color: #01a3e1; background: none !important; padding-bottom: 0.5em; font-size: 1.2em;} .braintree-cc-cvv-help.help .desc p { padding-bottom: 1em; font-weight: normal !important; line-height: 1.2;} .braintree-cc-cvv-help.help .desc img { margin: 0 auto; display: block; max-width: 100%;} .braintree-cc-cvv-help.help .desc .close-button { position: absolute; top: -15px; right: -15px; font-size: 24px; width: 33px; height: 33px; border-radius: 30px; background: #07a2e5; line-height: 33px; text-align: center;} .braintree-cc-cvv-help.help .desc .close-button i { color: #fff; margin-top: -2px;} /*-----------------------*/ .find-mistake-message { position: relative; background: #dff2ff; border-radius: 5px; padding: 12px 10px 10px; text-align: center; font-size: 0.8666em; margin-bottom: 22px; color: #007dc3; margin-top: 2em;} .find-mistake-message:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(224, 242, 255, 0); border-bottom-color: #e0f2ff; border-width: 12px; margin-left: -12px;} /*---------------Only for Safari, Chrome---------------------*/ @media all and (-webkit-min-device-pixel-ratio: 1){ .footer-info ul.follow-us-imgs li:first-child { padding-left: 4.6%; } .footer-top .keep-update-signup p { font-size: 1.23em; letter-spacing: 0; margin-top: 2px; } .woocommerce-page ul.products li.product .price .cents { top:0; line-height: 1;} } @media screen and (-webkit-min-device-pixel-ratio:0) { .woocommerce ul.products li.product .wc-new-badge, .woocommerce-page ul.products li.product .wc-new-badge, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { line-height: 30px; } .chosen-container .chosen-results li { padding: 6px 10px 4px 10px;} .chosen-single span { line-height: 35px !important;} .woocommerce-content .prod-more-info li .mark .mark-container {padding-top: 3px;} .woocommerce-content .prod-more-info li .mark .mark-container img {margin-top: -1px;} } /*-----------Styles for mobile 768px - 959px----------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px) { #main-content .content .woocommerce .cart-form .actions .coupon input[type="text"] {width: 56%;} #main-content .content .woocommerce .cart-form .actions .row .btn-base { margin: 0 5px;} .content .woocommerce ul.cart-list li .tbl-cart thead th { padding: 13px 8px 10px; } .content .woocommerce ul.cart-list li .tbl-cart td.product-remove { padding: 10px 8px 10px 2px; } .content .woocommerce .cart_totals .tbl-total tr th { width: 50%; } .content .woocommerce .cart_totals .total-content .prescription .form-row label { line-height: 14px; padding-top: 6px; width: 48%; } .content .woocommerce .cart_totals .total-content .prescription .form-row.check-row label { width: 93%; line-height: 14px; margin-top: 4px; } .content .woocommerce .shipping-calculator .payment-methods > p { line-height: 14px; padding-top: 0; } /*-----------------------*/ #main-content .woocommerce-content div.product div.image-gallery div.image { width: 100%;} #main-content .product .product-form .gform_wrapper .gform_body .top_label > li.gf_left_third { white-space: nowrap;} #main-content .product .product-form .block-add-to-cart { width: 57%;} .content .woocommerce .my-prescriptions-edit .product-form .product_totals { width: 65%; } #main-content .content .woocommerce .my-prescriptions-edit .product-form .block-add-to-cart { width: 35%; } .content .woocommerce .my-prescriptions-edit .product-form ul.variations li ul li .discount { line-height: 14px; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .image-block { padding-left: 0; } #main-content .woocommerce-content .product_totals .amount { font-size: 1.5em;} #main-content .content.main-columns.col-md-9.woo-main-columns .woocommerce { padding: 20px;} .woocommerce-page ul.products li.product h3 { height: 34px;} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li { } #main-content .woocommerce-content #commentform .captcha-image {width: 100%;} /*-----------------------*/ .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field label { top: 15px; line-height: 10px; width: 200%; left: 0; } .content .woocommerce form.checkout .warning-notification { padding: 7px 5px 5px; font-size: 10px; line-height: 14px; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .woocommerce #main-content ul.products li.product .info-prod {display: block; padding-top: 8px; float: none; margin-top: 0;} .woocommerce #main-content ul.products li.product .onsale, .woocommerce-page #main-content ul.products li.product .onsale, .woocommerce #main-content ul.products li.product .wc-new-badge, .woocommerce-page #main-content ul.products li.product .wc-new-badge { margin-left: 0; } .woocommerce #main-content ul.products li.product .onsale:before, .woocommerce-page #main-content ul.products li.product .onsale:before, .woocommerce #main-content ul.products li.product .wc-new-badge:before, .woocommerce-page #main-content ul.products li.product .wc-new-badge:before { left: auto; right: -12px; background-position: 0 -87px;} .woocommerce #main-content ul.products li.product .wc-new-badge:before, .woocommerce-page #main-content ul.products li.product .wc-new-badge:before { background-position: 0 -58px; } .woocommerce-page ul.products li.product .category-prod { min-height: 35px;} .product .product-form form div.label { font-size: 0.785em ;} } @media screen and (max-width: 820px ) { .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders thead { display: none;} .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders {display: block;} .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders tr { display: block; } .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders tr td {display: block; width: 100%; padding: 13px 15px 12px; border-bottom: 1px solid #ECF4F7; overflow: hidden;} .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders tr.nth-child td { border-color: #daeef5;} .content .woocommerce table.shop_table.my_account_subscriptions.my_account_orders td .button { max-width: 100%;} } /*-----------Styles for desktop < 768px---------------------------------------------------------------*/ @media only screen and (max-width: 767px) { } /*-----------Styles for desktop > 768px---------------------------------------------------------------*/ @media only screen and (min-width: 768px) { #main { margin: 0 !important; } .mobile-menu { display: none !important; } .woocommerce .cross-sells ul.products, .woocommerce-content .related.products ul.products { border: none; padding-bottom: 1px;} .woocommerce .cross-sells ul.products li.product, .woocommerce-content .related.products ul.products li.product {width: 25%; float: left; border: 1px solid #ccc; margin-left: -1px;} .woocommerce .cross-sells ul.products li.product:first-child, .woocommerce-content .related.products ul.products li.product:first-child { border-radius: 5px 0 0 5px; margin-left: 0;} .woocommerce .cross-sells ul.products li.product:last-child, .woocommerce-content .related.products ul.products li.product:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px} .woocommerce-content .block-filter { display: block !important;} .woocommerce-content .filter-list { display: block !important;} body.woocommerce-checkout #footer *, body.woocommerce-cart #footer *{display: none;} body.woocommerce-checkout #footer .footer-main-content, body.woocommerce-cart #footer .footer-main-content { visibility: hidden; padding-top: 0;} body.woocommerce-checkout #footer .footer-main-content, body.woocommerce-checkout #footer #bottom, body.woocommerce-checkout #footer #bottom *, body.woocommerce-checkout #footer #bottom-sticky-wrapper, body.woocommerce-cart #footer .footer-main-content, body.woocommerce-cart #footer #bottom, body.woocommerce-cart #footer #bottom *, body.woocommerce-cart #footer #bottom-sticky-wrapper { display: block;} body.woocommerce-checkout #footer #bottom, body.woocommerce-checkout #footer #bottom *, body.woocommerce-checkout #footer #bottom-sticky-wrapper , body.woocommerce-cart #footer #bottom, body.woocommerce-cart #footer #bottom *, body.woocommerce-cart #footer #bottom-sticky-wrapper { visibility: visible;} body.woocommerce-checkout .content .woocommerce, body.woocommerce-cart .content .woocommerce { padding-bottom: 0;} #main-content .content .my-account-staff-blocks ul.staff-blocks-list li {width: 48.5%;} } /*-----------Styles for mobile 768px - 959px----------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .header-menu ul.menu li .sub-mega-menu .mega-menu-content .mega-menu-row > div {padding: 0 15px 15px; border: none;} .header-menu ul.menu li .sub-mega-menu .mega-menu-content .mega-menu-row:first-child > div:after { margin-left: -15px;} body { font-size: 14px; line-height: 18px; } .header-menu ul.menu { margin: 0 -1%; } .header-menu ul.menu li.homepage a { width: 25px; } .header-menu ul.menu > li { padding-left: 3px; } .header-menu ul.menu > li > .inner { padding-right: 3px; } .header-menu ul.menu > li > .inner > a { font-size: 0.899em; padding: 0 1px; } .header-menu ul.menu > li:hover, .header-menu ul.menu > li.current-menu-item { background-position: -2px 0; } .header-menu ul.menu > li:hover > .inner, .header-menu ul.menu > li.current-menu-item > .inner { background-position: 102% -55px; } .header-menu ul.menu > li.menu-item-has-children:hover > .inner { background-position: 102% top; } .header-menu ul.menu > li:last-child.menu-item-has-children:hover .sub-menu { right: 0; } .header-menu ul.menu li .sub-menu { font-size: 0.85em; padding: 15px 15px 13px; } .header-menu ul.menu li .sub-menu ul li { padding-top: 8px; } .header-menu ul.menu li .sub-menu ul li:first-child { padding-top: 0; } .brands-logo ul li .inner-content .logo { padding-left: 50px; } /*-------------------------------------------------------------------------*/ #commentform .captcha-image { width: 60%; height: 42px; background: #dff2ff; margin-top: 16px; } #commentform .captcha-image img { width: 100%; height: auto; } /*-------------------------------------------------------------------------*/ #main-content .service-list div.block-content { padding-left: 39px; background-size: 29px;} #main-content .our-team-box .team-img {width: 22.4%;} /*-------------------------------------------------------------------------*/ .content .woocommerce .form .order-review #payment ul.methods { padding: 25px 20px; } .content .woocommerce .form .order-review #payment ul.methods > li.payment_method_paypal .iradio { margin-top: 8px; } .content .woocommerce .form .order-review #payment ul.methods > li.payment_method_paypal img { width: 95px; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 14px; } .content .woocommerce .form.your-order #payment div.payment_box fieldset p.form-row.validate-cc-exp-date > div#braintree_cc_exp_month_chosen.chosen-container, .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date #braintree_cc_exp_year_chosen.chosen-container { width: 100% !important; } .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date #braintree_cc_exp_year_chosen.chosen-container { margin-top: 13px; } #braintree-cc-cvv_field { width: 100% !important; padding-right: 0 !important; } .content .woocommerce .form .order-review #payment ul.methods .payment_box { width: 89%; } /*-------------------------------------------------------------------------*/ .footer-info ul.follow-us-imgs li { padding-left: 2% !important; width: 26%; } .footer-info ul.follow-us-imgs li > a { line-height: 16px; padding-top: 5px; } .footer-info ul.follow-us-imgs li:last-child { width: 21%; } .footer-info ul.follow-us-imgs li:last-child > a { width: 58%; } .footer-info ul.follow-us-imgs li:last-child .img-block { width: 40.5%; } .footer-top .keep-update-signup .gform_wrapper .gform_body label { padding: 0 8px !important; } .footer-top .keep-update-signup .gform_wrapper .gform_body input[type="text"] { padding: 8px 8px 7px !important; } .footer-top .keep-update-signup p { line-height: 17px; } .eye-test p, .find-optometrist p { padding-left: 5px; } .find-optometrist .chosen-container { width: 48% !important; } .footer-main-content .inner-content .find-optometrist ul li { padding-left: 9px; } .fmenu ul li { padding-left: 1px; } .fmenu ul li a { font-size: 10px; } } @media only screen and (min-width: 0) and (max-width: 790px) { .braintree-cc-cvv-help.help { width: 100%; clear: both; margin-top: 0;} .braintree-cc-cvv-help.help .desc { width: 100%; padding: 15px;} } @media only screen and (min-width: 780px) and (max-width: 918px) { .braintree-cc-cvv-help.help { font-size: 0.8em;} .braintree-cc-cvv-help.help span { width: 12px; height: 12px;} } @media only screen and (min-width: 768px) and (max-width: 980px) { #main-content #optometrist-info .serv-opt .adress .block-content, #main-content #optometrist-info .serv-opt .block-content { padding-left: 55px; background-size: 45px auto;} #main-content .opening-times div.block-content { margin-left: 20px;} } @media only screen and (min-width: 768px) { #bottom { width: 100%; border-bottom: 12px solid #00a4e4;} .bottom-content {padding-bottom: 0;} .sticky-wrapper #header {position: fixed; top: 0;} .sticky-wrapper #bottom {position: fixed; bottom: 0;} .admin-bar #header { top: 32px;} } /*-----------Styles for mobile 0 - 767px--------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 767px) { body { font-size: 17px; } body, html { overflow-x: hidden; } .container { padding-left: 40px; padding-right: 40px; } .row, .content .woocommerce .patient-signup-form .form-element.row, .content .woocommerce .my-prescriptions-product-search .row { margin-left: -40px; margin-right: -40px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .content .woocommerce .patient-signup-form .form-row, .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row { padding-left: 40px; padding-right: 40px; } .header-content { position: relative; padding-bottom: 35px; } .header-content .logo { padding-top: 20px; width: 42%; margin-left: 16%; } .header-content .user-info { padding: 36px 0 0 0; background: none; width: 16.5%; margin-right: -3%; } .header-content .user-info .cart { padding: 0; width: 100%; } .header-content .user-info .cart a { width: 100%; height: 76px; margin: 0; background: url(../images/icons/cart-large-icon.png) no-repeat; background-size: 100% 200%; } .header-content .user-info .cart a:hover { background: url(../images/icons/cart-large-icon.png) left bottom no-repeat; background-size: 100% 200%; } .header-content .user-info .cart a span.cart-icon { display: none; } .header-content .navbar-toggle { background: none; padding: 0; margin-top: 43px; width: 14%; height: 60px; float: left; } .header-content .navbar-toggle .icon-bar:first-child { margin-top: 0; } .header-content .navbar-toggle .icon-bar { display: block; background: #007dc3; height: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 9px; } .header-content .navbar-toggle:focus .icon-bar, .header-content .navbar-toggle:hover .icon-bar { background: #004990; } /*----------Mobile Menu Styles----------------------------*/ .mobile-menu { display: none; position: absolute; top: 0; left: 0; z-index: 10000; width: 82%; height: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0 0 103px rgba(23,23,23,0.5); overflow-x: auto; } .admin-bar .mobile-menu { top: 45px; } .mobile-menu .search-block { margin: 15px 17px; border: 1px solid #c0c0c0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); padding: 0 10px; overflow: hidden; } .mobile-menu .search-block input[type="text"]{ float: left; width: 90%; border: 0; background: transparent; padding: 7px 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 45px; } .mobile-menu .search-block input[type="text"]:focus { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .mobile-menu .search-block input[type="submit"]{ float: right; background: url(../images/icons/search-icon-mobile.png) no-repeat; width: 24px; height: 25px; text-indent: -10000px; margin-top: 10px; background-size: 100% 200%; } .mobile-menu .search-block input[type="submit"]:hover { background-position: left bottom; } .mobile-menu .login { padding: 0 17px 6px; } .mobile-menu .login li { padding-bottom: 10px; } .mobile-menu .login .btn-base { width: 100%; font-size: 23px; } .mobile-menu .user-name { padding: 10px 17px 25px; text-align: center; font-size: 16px; } .mobile-menu .user-name a { color: #333; } .mobile-menu .user-name a.not-you { color: #007dc3; } .mobile-menu .user-name a.not-you:hover { color: #004990; } .mobile-menu .info-block .eye-test, .mobile-menu .info-block .find-optometrist { padding: 0 17px 10px; margin-left: 0; width: 100%; } .mobile-menu .info-block .eye-test a, .mobile-menu .info-block .find-optometrist a { background-image: none; } .mobile-menu .info-block .eye-test a img, .mobile-menu .info-block .find-optometrist a img { width: 65px; } .mobile-menu .info-block .eye-test a p, .mobile-menu .info-block .find-optometrist a p { font-size: 27px; padding-top: 30px; } .mobile-menu .back-link { display: none; margin: 40px 0 20px 30px; padding-left: 34px; font-size: 28px; color: #004990; background: url(../images/icons/back-icon.png) no-repeat; line-height: 23px; background-size: 24px 50px; padding-top: 2px; } .mobile-menu .back-link:hover { color: #002963; background-position: left bottom; text-decoration: none; } .mobile-menu .mobile-main-menu { padding-bottom: 50px; } .mobile-menu .mobile-main-menu ul { margin: 0; width: 100%; } .mobile-menu .mobile-main-menu ul li { min-height: 73px; padding: 30px 20px 17px 30px; border-bottom: 1px solid #ccc; } .mobile-menu .mobile-main-menu ul li a { font-size: 25px; line-height: 24px; color: #004990; } .mobile-menu .mobile-main-menu ul li a:hover { color: #002963; text-decoration: none; } .mobile-menu .mobile-main-menu ul li.active { border-bottom: 0; padding: 0; } .mobile-menu .mobile-main-menu ul li.active > .inner { border-bottom: 1px solid #ccc; padding: 20px 10px 27px 34px; } .mobile-menu .mobile-main-menu ul li.active > .inner > a { font-size: 37px; line-height: 25px; } .mobile-menu .mobile-main-menu ul li .sub-menu { display: none; } .mobile-menu .mobile-main-menu ul li .sub-menu li { padding: 26px 20px 20px 36px; } .mobile-menu .mobile-main-menu ul li .sub-menu li a { line-height: 24px; color: #007dc3; } .mobile-menu .mobile-main-menu ul li .sub-menu li a:hover { color: #004990; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu li { padding-right: 35px; border-bottom: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu h3 { color: #004990; font-size: 25px; padding-bottom: 20px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu aside { padding: 40px 0 0 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu aside:first-child { padding: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos { padding-bottom: 40px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul { margin-left: -5px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li { padding: 0 0 10px; border: 0; min-height: inherit; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li .inner-content { overflow: hidden;} .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li .inner-content .logo { display: table-cell; vertical-align: middle; padding-left: 60px; width: 35%; text-align: right; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li .inner-content .logo a { display: inline-block; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li .inner-content .logo:first-child { padding-left: 0; text-align: left; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li:last-child .inner-content .logo { text-align: center; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar { padding-bottom: 40px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li { padding: 10px 0 0 0; min-height: inherit; border: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li:first-child { padding: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li a { color: #007dc3; font-size: 20px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li a:hover { color: #004990; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .custom p { padding-top: 15px; font-size: 16px; line-height: 20px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .custom p:first-child { padding-top: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .wpb_row p { font-size: 16px; line-height: 20px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu a.view-all { color: #004990; margin-top: 10px; display: inline-block; font-size: 20px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu a.view-all:hover { color: #002963; } .mega-menu-edit { padding-top: 30px; } .mega-menu-edit .btn-base { font-size: 17px !important; line-height: 35px !important; } /*--------------------------------------------------------*/ .info-block { width: 100%; overflow: hidden; } .info-block .eye-test, .info-block .find-optometrist { display: block; width: 100.5%; background: #00a4e4; overflow: hidden; padding-bottom: 10px; margin-left: -0.5%; } .info-block .eye-test a, .info-block .find-optometrist a { float: left; color: #fff; width: 100%; background: url(../images/icons/link-arrows.png) no-repeat right top; } .info-block .eye-test a:hover, .info-block .find-optometrist a:hover { color: #004990; background-position: right bottom; } .mobile-menu .info-block .eye-test a:hover, .info-block .find-optometrist a:hover { color: #fff; background-position: right bottom; } .mobile-menu .info-block .eye-test a:focus, .info-block .find-optometrist a:focus {color: #004990; background-position: right bottom; } .info-block .eye-test a img, .info-block .find-optometrist a img { width: 98px; } .info-block .eye-test p, .info-block .find-optometrist p { font-size: 2.667em; padding-top: 45px; } .info-block .eye-test { margin-bottom: 2px; } /*--------------------------------------------------------*/ .content.main-columns.col-md-9 { width: 100%; } .content.main-columns.col-md-9:first-child {float: none; width: auto;} /*--------------------------------------------------------*/ .page-title { padding-bottom: 25px; } .page-title h1, .content .wpb_row h1 { font-size: 2.555em; } .content > h2 { margin-bottom: 22px; padding-bottom: 20px; } /*--------------------------------------------------------*/ .sidebar.left-sidebar { padding-bottom: 10px; } .sidebar.right-sidebar { padding-top: 10px; float: none !important; } .sidebar .widget-custom-nav-menu li a, .widget_extended-categories ul li a { font-size: 1em; } /*--------------------------------------------------------*/ .brands-logo { padding-bottom: 10px; } .brands-logo ul li .inner-content { width: 118%; margin-left: -18%; display: block; } .brands-logo ul li .inner-content .logo { display: table; width: 30%; float: left; padding: 0 0 10px 18%; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; } .brands-logo ul li .inner-content .logo:first-child { padding-left: 18%; } .brands-logo ul li .inner-content .logo.last, .brands-logo ul li .inner-content .logo:last-child { width: 32%; float: none; margin: auto; } .brands-logo ul li .inner-content .logo .logo-inner { display: table-cell; vertical-align: middle; } .brands-logo ul li .inner-content .logo img { width: 100%; } /*--------------------------------------------------------*/ .featured-boxes .featured-box .inner-section { padding-top: 23px; } .featured-boxes .featured-box .inner-section:first-child { padding-top: 0; } /*--------------------------------------------------------*/ #main-content .state-links {margin-right: 0; margin-top: 0;} #main-content .state-listing-box .optometrists .block { min-height: 50px;} #main-content .our-team-box .team-img {width: 33.7%;} /*------- optometrists -------------*/ #main-content .contact .contact-block {float: left;} #main-content .contact .acf-map {width: 100%; max-width: 100%;} #main-content .contact .contact-block { width: 100%; min-width: 50px; padding-top: 1.5em; } #main-content .serv-opt > div { max-width: none; } #main-content .optometrist-banner {display: none;} #main-content .opening-times {padding-top: 2.3333em;} #main-content .opening-times div.block-content { margin-left: 0;} #main-content .post-gallery .post-gallery-box { padding: 0 35px;} #main-content .post-gallery .post-gallery-box .inner-section { float: left; width: 33%; padding: 0 5px; padding-bottom: 17px; } #main-content .our-team-box .team-content h3 { line-height: 1.1em;} #main-content .our-team-box .inner-section .team-img { padding-right: 20px;} #main-content .our-team-box .inner-section .team-content { padding-left: 0; } .widget_sp_image {display: none;} #main-content .state-listing-box .optometrists {display: block; margin-top: 25px;} #main-content .state-listing-box .optometrists:first-child {margin-top: 0;} /*-------blog-------------*/ #main-content .post {padding-top: 0;} #main-content .post {padding-bottom: 23px;} #main-content .post h3 { padding-bottom: 22px;} #main-content .post h3 { line-height: 24px;} #main-content .post .description { padding-bottom: 17px;} #main-content .post .featured-image img {margin-bottom: 27px;} #main-content .post .links { margin-top: 17px;} #commentform .captcha-image { width: 100%; background: #dff2ff;} #commentform .captcha-image img {max-width: 100%; margin: 0 auto; display: block;} /*--------------------------------------------------------*/ .single-product-banner .col-md-6 .row { padding: 10px; } .single-product-banner .col-md-6 { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .single-product-banner .col-md-6:first-child { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } /*--------------------------------------------------------*/ .content.main-columns.col-md-9.woo-main-columns .woocommerce .add-new-prescription { margin-bottom: 10px; } .content .woocommerce table.my-prescriptions-list thead, .content .woocommerce table.my-prescriptions-list tbody, .content .woocommerce table.my-prescriptions-list tr, .content .woocommerce table.my-prescriptions-list td { display: block; } .content .woocommerce table.my-prescriptions-list thead .prescriptions-actions { display: none; } .content .woocommerce table.my-prescriptions-list .prescriptions-name, .content .woocommerce table.my-prescriptions-list .prescriptions-actions { display: block; width: 100%; } .content .woocommerce table.my-prescriptions-list .prescriptions-name { padding-top: 9px; } .content .woocommerce table.my-prescriptions-list .prescriptions-actions { padding-top: 2px; } .content .woocommerce table.my-prescriptions-list .prescriptions-actions a { height: 28px; line-height: 29px; padding: 0 7px; font-size: 11px; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img { padding-bottom: 20px; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .product-info h3 { line-height: 1.1; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-form { padding-left: 0; padding-right: 0; } #main-content .content .woocommerce .my-prescriptions-edit .product-form .block-add-to-cart { margin-top: -12px; padding: 0 10px 10px; } .content .woocommerce .my-prescriptions-edit .product-form .block-add-to-cart .flat-rate { padding: 0; } .content .woocommerce .my-prescriptions-edit .product-form .block-add-to-cart .variations_button { padding: 0; } .content .woocommerce .my-prescriptions-edit .my-prescriptions-product-img .image-block { padding: 10px 0; text-align: center; } .content .woocommerce .my-prescriptions-edit .product-form .product_totals label { margin-bottom: 3px; } .content .woocommerce .my-prescriptions-edit .product-form .eye-block { border-radius: 0; } #main-content .content .woocommerce .my-prescriptions-edit .product-form ul.variations li ul li { border-radius: 0; } .content .woocommerce .my-prescriptions-product .button { min-width: 90px; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 20px; } /*--------------------------------------------------------*/ .content.main-columns.col-md-9 .my-prescriptions-product-search h3, .content .woocommerce .patient-signup-form h3 { padding-bottom: 12px !important; } /*--------------------------------------------------------*/ .footer-top { padding: 30px 0 15px 0; } .footer-top .keep-update-signup { background: transparent; padding: 0 0 30px 0; width: 100%; } .footer-top .keep-update-signup p { font-size: 1.5em; color: #004990; width: 100%; padding: 0 0 25px 0; line-height: 24px; font-family: 'Ruda', Arial, Verdana, Tahoma, sans-serif; } .footer-top .keep-update-signup .gform_wrapper { float: left; width: 100%; padding: 0; } .footer-top .keep-update-signup .gform_wrapper .gform_footer { width: 11%; } .footer-top .keep-update-signup .gform_wrapper .gform_body label { line-height: 39px !important; } .footer-top .keep-update-signup .gform_wrapper .gform_body input[type="text"] { height: 38px; line-height: 38px; padding: 9px 13px 7px !important; } .footer-top .keep-update-signup .gform_wrapper .gform_footer input[type="submit"] { background: url(../images/icons/promos-input-arrow.png) no-repeat center 1px; height: 38px !important ; } .footer-top .keep-update-signup .gform_wrapper .gform_footer input[type="submit"]:hover { background: #004990 url(../images/icons/promos-input-arrow.png) no-repeat center -34px; } .footer-top .follow-us > p, .footer-info .container > p { font-size: 1.5em; } .footer-top .follow-us > p { float: left; width: 37%; line-height: 45px; } .footer-top .follow-us .follow-us-list { float: left; width: 47%; } .footer-top .follow-us .follow-us-list li { width: 45px !important; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; } .footer-top .follow-us .follow-us-list li a, .footer-top .follow-us .follow-us-list li .fa { width: 45px; height: 45px; } .footer-top .follow-us .follow-us-list li:hover a .fa { background-position: left bottom; } /*--------------------------------------------------------*/ .footer-info { padding: 35px 0; } .footer-info ul.follow-us-imgs { background: transparent; padding: 10px 0 0 0; width: 105%; margin: -35px 0 0 -3%; } .footer-info ul.follow-us-imgs li { width: 50%; padding: 35px 0 0 3% !important; } .footer-info ul.follow-us-imgs li:nth-child(odd) { clear:left;} .footer-info ul.follow-us-imgs li .img-block { width: 27%; } .footer-info ul.follow-us-imgs li .img-block img { width: 100%; } .footer-info ul.follow-us-imgs li > a { padding-top: 0; line-height: 19px; width: 142px; } /*--------------------------------------------------------*/ .footer-main-content { background: #007dc3; padding-top: 35px; } .footer-main-content h3 { text-align: center; padding-bottom: 10px; } .payments-list { width: 82%; margin: 0 auto; } .payments-list a { width: 28.2%; margin-left: 7%; } /*--------------------------------------------------------*/ .fmenu { padding: 35px 0 25px 0; width: 100%; overflow: hidden; } .fmenu ul, .fmenu p { float: left; width: 70%; } .fmenu p { text-align: right; width: 30%; } .footer-top .keep-update-signup .gform_wrapper .gform_footer input[type="submit"] { background: url(../images/icons/promos-input-arrow-b.png) no-repeat center 7px; background-size: 11px auto; } .footer-top .keep-update-signup .gform_wrapper .gform_footer input[type="submit"]:hover { background: #004990 url(../images/icons/promos-input-arrow-b.png) no-repeat center -25px; background-size: 11px auto; } body.woocommerce-checkout #footer > .container, body.woocommerce-checkout .footer-info, body.woocommerce-cart #footer > .container, body.woocommerce-cart .footer-info { display: none;} #main-content .woocommerce-content .content.main-columns.col-md-9 {width: 100%;} #main-content .content .woocommerce { padding-bottom: 30px; display: block; overflow: hidden; } #main-content .content .woocommerce .login-form {width: 100%;} /*-------------------------------*/ #main-content .woocommerce-content .shop-banner { margin-bottom: 18px;} /*-------------------------------*/ #main-content .woocommerce-content ul.products li.product{width: 50%; border-left: none !important; border-right: none !important; float: left !important; margin: 0 !important; border-right: 1px solid #ccc !important; } #main-content .woocommerce-content ul.products li.product:nth-child(2n){ border-right: none !important; } #main-content .woocommerce-content .content img:first-child { max-width:100%;} #main-content .woocommerce-content ul.products li.product:last-child, #main-content .woocommerce-content ul.products li.product:nth-last-child(2) { margin-bottom: -1px !important;} .woocommerce-page ul.products li.product .category-prod { min-height: 10px;} /*-------------------------------*/ #main-content .single-product-banners .product-banner .prod-banner-desc { font-size: 90%;} /*-------------------------------*/ #main-content .woocommerce-content div.product div.image-gallery {display: table; width: 100%;} #main-content .woocommerce-content div.product div.image-gallery div.image {width: 100%;} /*-------------------------------*/ .content .woocommerce ul.cart-list { padding-bottom: 15px;} .content .woocommerce ul.cart-list li .tbl-cart thead th { padding: 13px 7px 10px; } .content .woocommerce ul.cart-list li .tbl-cart td { padding: 5px 7px; } .content .woocommerce ul.cart-list li .tbl-cart td.product-remove { padding: 10px 5px; } /*-------------------------------*/ #main-content .content .woocommerce ul.cart-list li .product-thumbnail {width: 100%; margin-bottom: 20px;} #main-content .content .woocommerce ul.cart-list li .product-content { width: 100%; padding-left: 0;} /*-------------------------------*/ #main-content .content .woocommerce .cart-form .actions .coupon { width: 100%; padding-bottom: 10px;} #main-content .content .woocommerce .cart-form .actions .row { text-align: center; } #main-content .content .woocommerce .cart-form .actions .row .btn-base { margin: 0 0 10px 0; float: right; width: 49%;} #main-content .content .woocommerce .cart-form .actions .row a.btn-base { float: left;} /*-------------------------------*/ #main-content .content .woocommerce .shipping-calculator { float: none; width: 100%; clear: both; padding-bottom: 20px;} #main-content .content .woocommerce .col-md-6{ padding-top: 50px;} #main-content .content .woocommerce .col-md-6:first-child { padding-top: 0;} #main-content .content .woocommerce .woocommerce-shipping-fields {} #main-content .content .woocommerce .form .order-review #payment ul.methods { padding: 20px;} #main-content .content .woocommerce .form .order-review #payment ul.methods .payment_box {margin-left: 0; width: 100%;} #main-content .content .woocommerce .form .order-review .tbl-shop tr td:first-child { width: 40%;} #main-content .content .woocommerce .cart-form .actions .coupon input[type="text"], #main-content .content .woocommerce .cart-form .actions .coupon .btn-base { width: 49%;} #main-content .content .woocommerce .cart-form .actions .coupon .btn-base { margin-left: 1.5%; } #main-content .content.main-columns.col-md-9.woo-main-columns { width: 100%;} #main-content .content .my-account-staff-blocks ul.staff-blocks-list li .container-staff .staff-block-description {height: auto;} #main-content .content .woocommerce .cart_totals { margin-bottom: 20px; padding-top: 0;} #main-content .woocommerce-content .sidebar aside.woocommerce { padding-left: 0; padding-right: 0; padding-bottom: 0; margin: 0; padding: 11px 0 7px 0; overflow: hidden; border-radius: 0; border: none; border-top: 1px solid #017DC3;} #main-content .woocommerce-content .sidebar aside.woocommerce h3:first-child { background: none; color: #017DC3; border-radius: 0; margin: 0; padding-left: 5px; padding: 0; cursor: pointer;} #main-content .woocommerce-content .sidebar aside.woocommerce .block-filter > ul { padding-top: 10px;} #main-content .woocommerce-content .sidebar aside.woocommerce .block-filter > ul li { display: inline-block; width: 49%; vertical-align: top; padding-right: 10px;} #main-content .woocommerce-content ul.products li.product h3 {height: 43px;} /*------------------------*/ #main-content .woocommerce-content div.product div.image-gallery div.image {} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li { } #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li a { display: block; overflow: hidden;} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li a img {} #main-content .product .product-form .gform_wrapper .gform_body .top_label > li.gf_left_third { white-space: nowrap;} #main-content .product .product-form form .label-eye {padding-left: 0;} #main-content .woocommerce .cross-sells ul.products li.product, #main-content .woocommerce-content .related.products ul.products li.product {width: 50%; border-bottom: none; border-bottom: 1px solid #ccc; margin-top: -1px !important; margin-bottom: -1px !important;} #main-content .woocommerce-content .accordion li .accordion-title { padding-left: 0;} #main-content .woocommerce-content .accordion li .accordion-content { padding-left: 0; padding-right: 0;} .woocommerce-content .block-filter { display: none;} .woocommerce-content .filter-list { display: none;} .woocommerce-content .sidebar aside.woocommerce .block-filter > ul li .icheckbox {margin-top: 0;} /*----------------------------------*/ .woocommerce #main-content ul.products li.product .info-prod {display: block; padding-top: 8px; float: none; margin-top: 0;} .woocommerce #main-content ul.products li.product .onsale, .woocommerce-page #main-content ul.products li.product .onsale, .woocommerce #main-content ul.products li.product .wc-new-badge, .woocommerce-page #main-content ul.products li.product .wc-new-badge { margin-left: 0; } .woocommerce #main-content ul.products li.product .onsale:before, .woocommerce-page #main-content ul.products li.product .onsale:before, .woocommerce #main-content ul.products li.product .wc-new-badge:before, .woocommerce-page #main-content ul.products li.product .wc-new-badge:before { left: auto; right: -12px; background-position: 0 -87px;} .woocommerce #main-content ul.products li.product .wc-new-badge:before, .woocommerce-page #main-content ul.products li.product .wc-new-badge:before { background-position: 0 -58px; } #main-content .woocommerce-content nav.woocommerce-pagination {text-align: center;} #main-content .product .product_totals { padding: 10px; width: 100%; text-align: right; padding-bottom: 0;} #main-content .product .product-form .block-add-to-cart {width: 100%; padding: 0 10px 20px 10px;} .single-product-banners {display: none;} .woocommerce-content div.product div.block-left .share-block { display: none;} /*------------------------------*/ #main-content .woocommerce-content .single-product-attributes { padding-bottom: 20px;} #main-content .woocommerce-content .additional-info { padding-top: 25px; text-align: center; display: block; padding-bottom: 25px;} #main-content .woocommerce-content .block-left .additional-info { padding-bottom: 20px; padding-top: 0; } #main-content .woocommerce-content .block-left .additional-info .subscription-block {padding-bottom: 0; margin-left: 0; margin-top: 0;} /*------------------------------*/ .woocommerce .products + .woocommerce-sort-by-columns + .woocommerce-pagination { float: none !important; text-align: center;} .woocommerce .products + .woocommerce-sort-by-columns {display: none;} /*------------------------------*/ #main-content .woocommerce .cart-collaterals { padding-bottom: 0;} /*------------------------------*/ #main-content .content .woocommerce .my-addresses { display: block; margin: 0; width: 100%; } #main-content .content .woocommerce .my-addresses .address { display: block; width: 100%; margin-top: 20px; height: auto !important; overflow: visible !important; } #main-content .content .my-account-staff-blocks ul.staff-blocks-list li {margin-top: 0; padding-top: 30px !important;} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul {} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li { } .product .product-form .block-add-to-cart .variations_button {padding-top: 15px;} .woocommerce-page ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .woocommerce-price-before { padding-bottom: 5px;} /*------------------------------*/ .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field label { left: 0; width: 200%; } .content .woocommerce ol.checkout-steps li #customer_details .col-sm-6, .content .woocommerce .woocommerce-shipping-fields .shipping_address .col-sm-6, .content .woocommerce .woocommerce-shipping-optometrist .row .col-sm-6, .content .woocommerce .checkout-product-list .col-sm-6, .content .woocommerce .health-fund-details .col-sm-6 { margin-top: 20px; } .content .woocommerce ol.checkout-steps li #customer_details .col-sm-6:first-child, .content .woocommerce .woocommerce-shipping-fields .shipping_address .col-sm-6:first-child, .content .woocommerce .woocommerce-shipping-optometrist .row .col-sm-6:first-child, .content .woocommerce .checkout-product-list .col-sm-6:first-child, .content .woocommerce .health-fund-details .col-sm-6:first-child { margin-top: 0; } .content .woocommerce form.checkout .note { margin-bottom: 0; } .content .woocommerce .checkout-product-list .col-sm-6 { width: 100%; overflow: hidden; } .content .woocommerce .checkout-product-list .product-thumbnail { width: 25%; } .content .woocommerce .checkout-product-list .product-content { width: 74%; } .content.full-width .woocommerce .form-details .order-review .order_details th, .content.full-width .woocommerce .form-details .order-review .order_details td { padding: 5px; font-size: 0.8em;} /*-------------------------------------------------------------------------*/ .content .woocommerce .form .order-review #payment ul.methods { padding: 25px 20px; } .content .woocommerce .form .order-review #payment ul.methods > li.payment_method_paypal .iradio { margin-top: 8px; } .content .woocommerce .form .order-review #payment ul.methods > li.payment_method_paypal img { width: 95px; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 14px; } .content .woocommerce .form.your-order #payment div.payment_box fieldset p.form-row.validate-cc-exp-date > div#braintree_cc_exp_month_chosen.chosen-container, .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date #braintree_cc_exp_year_chosen.chosen-container { width: 100% !important; } .content .woocommerce .form .order-review #payment ul.methods > li .validate-cc-exp-date #braintree_cc_exp_year_chosen.chosen-container { margin-top: 13px; } /*-------------------------------------------------------------------------*/ #braintree-cc-cvv_field { width: 100% !important; padding-right: 0 !important; } /*-------------------------------------------------------------------------*/ .content .woocommerce .form .order-review #payment ul.methods .payment_box { width: 89%; } /*-------------------------------------------------------------------------*/ #main-content #optometrist-info .serv-opt > div { padding: 0;} #main-content #optometrist-info .serv-opt .row { margin: 0;} #main-content #optometrist-info .serv-opt .row > div { width: 50%; padding: 0;} #main-content #optometrist-info .serv-opt .row > div .block-content { padding-left: 55px; background-size: 45px auto; width: 100%;} #main-content #optometrist-info .serv-opt .row > div.adress .block-content { padding-right: 10px;} #main-content #optometrist-info .serv-opt .row > div.opening-times {padding-left: 20px;} } /*-----------Styles for mobile 0 - 680px---------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 680px) { } /*-----------Styles for mobile 0 - 650px--------------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 650px) { .content .woocommerce .checkout-product-list .product-thumbnail { width: 31%; } .content .woocommerce .checkout-product-list .product-content { width: 68%; } .content .woocommerce .form .checkout-cart .tbl-cart { } .content .woocommerce .form .checkout-cart .tbl-cart thead { float: left; width: 30%; } .content .woocommerce .form .checkout-cart .tbl-cart thead th { display: block; text-align: left; padding: 12px 10px 13px 0; } .content .woocommerce .form .checkout-cart .tbl-cart tbody { float: left; width: 70%; } .content .woocommerce .form .checkout-cart .tbl-cart tbody tr { float: left; width: 50%; } .content .woocommerce .form .checkout-cart .tbl-cart tbody tr td { padding: 13px 10px; } .content .woocommerce .form .checkout-cart .tbl-cart tbody tr td, .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-variations { display: block; border: 0; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-variations { text-align: center; padding-left: 10px; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-prescription-date { width: 100%; padding-left: 0; } .content .woocommerce .form .checkout-cart .tbl-cart tr td.product-prescription-date { width: 200%; overflow: hidden; } } /*-----------Styles for mobile 480px - 620px-------------------------------------------------------------------*/ @media only screen and (min-width: 480px) and (max-width: 620px) { .info-block .eye-test a p, .info-block .find-optometrist a p { font-size: 35px; } } /*-----------Styles for mobile 0 - 620px--------------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 620px) { .medicare-item-code {font-size: 0.89em; } .content .woocommerce table tr th { padding: 13px 5px 11px; font-size: 1.033em; } .content .woocommerce table tr td, .content .woocommerce .form .tbl-order td { padding: 7px 5px; font-size: 1em; } /*----------------------------*/ #main-content .woocommerce-content .filter-mobile {font-size: 35px; background-position: 95% -6px;} } /*-----------Styles for mobile 0 - 570px--------------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 570px) { .container { padding-left: 20px; padding-right: 20px; } .row, .content .woocommerce .patient-signup-form .form-element.row, .content .woocommerce .my-prescriptions-product-search .row { margin-left: -20px; margin-right: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .content .woocommerce .patient-signup-form .form-row, .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row { padding-left: 20px; padding-right: 20px; } .header-content .navbar-toggle { width: 11%; margin-top: 45px; height: 48px; } .header-content .navbar-toggle .icon-bar { height: 8px; margin-top: 8px; } .header-content .navbar-toggle .icon-bar:first-child { margin-top: 0; } .header-content .user-info { padding-top: 37px; margin-right: -2%; width: 16%; } .header-content .user-info .cart a { height: 65px; } .info-block .eye-test a, .info-block .find-optometrist a { background-position: right -15px; background-size: auto 300%; margin-left: -1.5%; } .info-block .eye-test a:hover, .info-block .find-optometrist a:hover { background-position: right -117px; } .info-block .eye-test a img, .info-block .find-optometrist a img { width: 65px; } .info-block .eye-test a p, .info-block .find-optometrist a p { font-size: 27px; padding-top: 30px; } /*------- optometrists -------------*/ #main-content .serv-opt > div { padding-bottom: 15px; max-width: none;} #main-content .post-gallery .post-gallery-box { padding: 0 15px;} #main-content .our-team-box .inner-section .team-img { width: 40%;} #main-content .our-team-box .inner-section .team-content { width: auto; padding-top: 0; padding-left: 0; } #main-content .state-listing-box { overflow: hidden;} #main-content .state-listing-box .optometrists {float: none; width: 100%; margin-top: 25px;} #main-content .state-listing-box .optometrists:first-child {margin-top: 0;} /*-----------------------------------*/ .single-product-banner { padding-bottom: 0; } .single-product-banner .col-md-6 .row { padding: 5px; } /*-----------------------------------*/ .content .woocommerce .my-prescriptions-product-search .my-prescriptions-product-search-form-row, .content .woocommerce .patient-signup-form .form-row { padding-bottom: 10px; } /*-----------------------------------*/ #main-content #optometrist-info .serv-opt > div {} #main-content #optometrist-info .serv-opt:after {display: none;} #main-content #optometrist-info .serv-opt .row > div { width: 100%; } #main-content #optometrist-info .serv-opt .row > div.opening-times { padding-left: 0; padding-top: 20px;} #main-content #optometrist-info .serv-opt .row > div .block-content { margin-left: 0;} } /*-----------Styles for mobile 420px - 480px-------------------------------------------------------------------*/ @media only screen and (min-width: 420px) and (max-width: 480px) { } /*-----------Styles for mobile 0 - 380px-------------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 380px) { /*------- optometrists -------------*/ #main-content .our-team-box .team-content h3 { line-height: 1.1em;} #main-content .post-gallery .post-gallery-box .inner-section { width: 100%; } #main-content .post-gallery .post-gallery-box .inner-section img {margin: 0 auto; display: block;} #main-content .state-listing-box .optometrists { margin-top: 25px; margin-bottom: 0;} #main-content .state-listing-box .optometrists:first-child {margin-top: 0;} #main-content .state-listing-box .optometrists {display: block; margin-top: 15px;} #main-content .state-listing-box .optometrists:first-child {margin-top: 0;} /*-------blog-------------*/ #main-content .post .links { font-size: 12px; padding: 7px 15px 5px 15px; margin-top: 8px;} #main-content .post .links div.fb-link a { padding-left: 17px; background-size: 10px; background-position: 0 center;} #main-content .post .btn-base.back {margin-bottom: 9px;} #main-content .post .links .comments {line-height: 30px;} /*.content > h2 { padding-right: 100px; line-height: 1;}*/ } /*-----------Styles for mobile 360px-------------------------------------------------------------------*/ @media only screen and (max-width: 360px) { body { font-size: 14px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { font-size: 14px; } .btn-base.h45, #respond .form-submit input[type="submit"] { height: 40px; line-height: 41px; } #respond .form-submit input[type="submit"] { padding-top: 1px; } .header-content { padding-bottom: 25px; } .header-content .navbar-toggle { margin-top: 32px; height: 30px; width: 13%; } .header-content .navbar-toggle .icon-bar { height: 6px; margin-top: 6px; } .header-content .navbar-toggle .icon-bar:first-child { margin-top: 0; } .header-content .user-info { padding-top: 25px; } .header-content .user-info .cart a { height: 40px; } /*----------Mobile Menu Styles----------------------------*/ .mobile-menu { width: 77%; } .mobile-menu .search-block { margin: 8px 10px; } .mobile-menu .search-block input[type="text"]{ width: 85%; height: 35px; } .mobile-menu .search-block input[type="submit"]{ width: 19px; height: 21px; margin-top: 7px; } .mobile-menu .login { padding: 0 10px; } .mobile-menu .login li { padding-bottom: 8px; } .mobile-menu .login .btn-base { width: 100%; font-size: 16px; height: 35px; line-height: 36px; } .mobile-menu .user-name { padding: 2px 10px 10px; font-size: 13px; } .mobile-menu .info-block .eye-test, .mobile-menu .info-block .find-optometrist { padding: 0 5px 5px 10px; } .mobile-menu .info-block .eye-test a, .mobile-menu .info-block .find-optometrist a { background-position: right -13px; margin-left: -2%; } .mobile-menu .info-block .eye-test a:hover, .mobile-menu .info-block .find-optometrist a:hover { background-position: right -86px; } .mobile-menu .info-block .eye-test a img, .mobile-menu .info-block .find-optometrist a img { width: 49px; } .mobile-menu .info-block .eye-test a p, .mobile-menu .info-block .find-optometrist a p { font-size: 18px; padding: 20px 0 0 4px; } .mobile-menu .back-link { margin: 20px 0 10px 20px; padding-left: 24px; font-size: 19px; line-height: 17px; background-size: 17px 36px; padding-top: 1px; } .mobile-menu .back-link:hover { color: #002963; background-position: left bottom; text-decoration: none; } .mobile-menu .mobile-main-menu ul li { min-height: 50px; padding: 20px 20px 10px; } .mobile-menu .mobile-main-menu ul li a { font-size: 18px; line-height: 18px; } .mobile-menu .mobile-main-menu ul li.active > .inner { padding: 12px 20px 17px 24px; } .mobile-menu .mobile-main-menu ul li.active > .inner > a { font-size: 25px; line-height: 24px; } .mobile-menu .mobile-main-menu ul li .sub-menu li { padding: 17px 10px 13px 26px; } .mobile-menu .mobile-main-menu ul li .sub-menu li a { line-height: 18px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu li { padding-right: 25px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu h3 { font-size: 20px; padding-bottom: 10px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu aside { padding: 30px 0 0 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu aside:first-child { padding: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos { padding-bottom: 25px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul { margin-left: -2px; width: 102%; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li { padding: 0 0 5px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li .inner-content .logo { padding-left: 10px; width: 50%; text-align: right; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li .inner-content .logo img { width: 100%; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li:last-child { padding-bottom: 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .content.logos ul li:last-child .inner-content .logo img { width: 75%; margin: 0 auto; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar { padding-bottom: 25px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li { padding: 5px 0 0 0; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .sidebar ul li a { font-size: 16px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .custom p { padding-top: 10px; font-size: 13px; line-height: 17px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .custom p img { max-width: 100%; height: auto; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .wpb_text_column { margin-bottom: 10px !important; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu .wpb_row p { font-size: 13px; line-height: 17px; } .mobile-menu .mobile-main-menu ul li .sub-mega-menu a.view-all { margin-top: 8px; font-size: 15px; } .mega-menu-edit { padding-top: 20px; } .mega-menu-edit .btn-base { font-size: 15px !important; height: 30px; line-height: 30px !important; } /*--------------------------------------------------------*/ .info-block .eye-test, .info-block .find-optometrist { padding-bottom: 5px; } .info-block .eye-test a, .info-block .find-optometrist a { background-position: right -13px; margin-left: -2%; } .info-block .eye-test a:hover, .info-block .find-optometrist a:hover { background-position: right -86px; } .info-block .eye-test a img, .info-block .find-optometrist a img { width: 49px; } .info-block .eye-test a p, .info-block .find-optometrist a p { font-size: 20px; padding: 20px 0 0 10px; } /*--------------------------------------------------------*/ #main-content { padding-bottom: 17px; } /*--------------------------------------------------------*/ .page-title { padding-bottom: 20px; } .page-title h1, .content .wpb_row h1 { font-size: 2.419em; line-height: 35px; } .content > h2 { margin-bottom: 20px; padding-bottom: 18px; line-height: 34px; padding-right: 60px;} .content .title-optometrist h4 { line-height: 25px !important;} /*--------------------------------------------------------*/ .sidebar.left-sidebar { padding-bottom: 0; } .sidebar.right-sidebar { padding-top: 0; } /*--------------------------------------------------------*/ .brands-logo { padding: 10px 0 0 0; } /*--------------------------------------------------------*/ .featured-boxes .featured-img { padding-bottom: 17px; } .featured-boxes .featured-box .inner-section { padding-top: 15px; } .featured-boxes .featured-content .descr, .featured-boxes .featured-content h3 { padding-bottom: 8px; } /*--------------------------------------------------------*/ .single-product-banner .col-md-6 span { padding-left: 0; margin: 5px 0 3px 0; max-width: 100%; } .single-product-banner .col-md-6 a { margin-left: 0; } /*--------------------------------------------------------*/ .sidebar .widget-custom-nav-menu li, .widget_extended-categories ul li .avhec-widget-line { height: 35px; } .widget_extended-categories ul li a { padding: 8px 50px 5px 12px; } .widget_jal_widget { padding-top: 0; } .widget_extended-categories ul li .avhec-widget-count { top: 8px; } .widget_jal_widget h3.widget-title { padding: 7px 13px 4px; } .widget_jal_widget > ul > li { padding: 9px 10px 6px 12px; } .widget_jal_widget > ul > li > ul { padding-left: 30px; } .widget_jal_widget ul li ul li ul { padding: 0 0 2px 10px; } /*-------blog-------------*/ #main-content .state-listing .row {margin-right: -20px;} #main-content .state-links li a {padding: 0 5px;} #main-content .post {padding-top: 7px;} #main-content .post:first-child {padding-top: 0;} #main-content .post, #main-content .post h3, #main-content .post .description { padding-bottom: 8px;} #main-content post .featured-image img {margin-bottom: 17px;} #main-content .state-listing .state-listing-box p { line-height: 1.5em !important;} #main-content .state-listing-box .optometrists .block {padding: 15px 17px;} #main-content .state-listing-box .optometrists .btn-base {position: static; display: block; width: 100%; max-width: 100%; margin-top: 10px;} /*--------------------------------------------------------*/ .footer-top { padding: 15px 0; } .footer-top .keep-update-signup { padding: 0 0 15px 0; } .footer-top .keep-update-signup p { padding: 0 0 10px 0; font-size: 1.48em; line-height: 22px; } .footer-top .keep-update-signup .gform_wrapper .gform_body label { padding: 0 10px !important; } .footer-top .keep-update-signup .gform_wrapper .gform_body input[type="text"] { padding: 8px 10px 7px !important; } .footer-top .keep-update-signup .gform_wrapper .gform_footer { width: 12%; } .footer-top .keep-update-signup .gform_wrapper .gform_body ul li { width: 52%; } /*--------------------------------------------------------*/ .footer-top .follow-us > p, .footer-info .container > p { font-size: 1.48em; } .footer-top .follow-us > p { line-height: 34px; padding: 0; } .footer-top .follow-us .follow-us-list li { width: 35px !important; padding-left: 15px; } .footer-top .follow-us .follow-us-list li a, .footer-top .follow-us .follow-us-list li .fa { width: 35px; height: 35px; } /*--------------------------------------------------------*/ .footer-info { padding: 20px 0; } .footer-info ul.follow-us-imgs { padding: 0; width: 108%; margin: -20px 0 0 -2%; } .footer-info ul.follow-us-imgs li { padding: 20px 0 0 2% !important; } .footer-info ul.follow-us-imgs li > a { padding: 0 0 0 9px; line-height: 13px; font-size: 12px; width: 102px; } /*--------------------------------------------------------*/ .footer-main-content { padding-top: 20px; } .footer-main-content h3 { padding-bottom: 0; } /*--------------------------------------------------------*/ .payments-list { width: 80%; } /*--------------------------------------------------------*/ .fmenu { padding: 20px 0 15px 0; } .fmenu ul { width: 64%; } .fmenu ul li { padding: 0 0 0 1px !important; font-size: 10px !important; } .fmenu p { width: 36%; font-size: 10px; } } /*-----------Styles for mobile 320px-------------------------------------------------------------------*/ @media only screen and (max-width: 320px) { .brands-logo ul li .inner-content { margin-left: -40px; width: 320px; } .brands-logo ul li .inner-content .logo { width: 120px; padding: 0 0 10px 40px; } .brands-logo ul li .inner-content .logo:first-child { padding-left: 40px; } .brands-logo ul li .inner-content .logo.last, .brands-logo ul li .inner-content .logo:last-child { width: 120px; } } /*-----------Styles for mobile 320px-------------------------------------------------------------------*/ @media only screen and (max-width: 319px) { body, html { width: 320px; overflow-x: visible; } } @media only screen and (max-width: 320px) { .single-author .content > h2 { padding-right: 20px; } } /*---------------Only for mobile---------------------*/ @media only screen and (min-device-width: 0px) and (max-device-width: 768px) { input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; } .header-menu ul.menu li .sub-mega-menu .mega-menu-content div .content.logos ul li .inner-content .logo { display: block; width: 100%; padding-left: 0; padding-bottom: 10px;} } /*------------------------------------------------------------------------*/ /* CSS Document Visual Composer Styles */ /*-------------------------Titles Styles-----------------------------------------------*/ .content .wpb_row h1 { padding-bottom: 30px; } .content .wpb_row h2, #main-content .wpb_row h3, #main-content .wpb_row h4, #main-content .wpb_row h5, #main-content .wpb_row h6 { color: #004990; padding-bottom: 10px; } .content .wpb_row h1, .content .wpb_row h2, #main-content .wpb_row h3, #main-content .wpb_row h4, #main-content .wpb_row h5, #main-content .wpb_row h6 { padding-top: 20px; } .content .wpb_row h1:first-child, .content .wpb_row h2:first-child, #main-content .wpb_row h3:first-child, #main-content .wpb_row h4:first-child, #main-content .wpb_row h5:first-child, #main-content .wpb_row h6:first-child { padding-top: 0;} .content .wpb_row h2 { font-size: 2.533em; line-height: 38px; } .content .wpb_row h3 { font-size: 2.133em; line-height: 34px; } .content .wpb_row h4 { font-size: 1.6em; line-height: 24px; } .content .wpb_row h5 { font-size: 1.2em; line-height: 18px; } .content .wpb_row h6 { font-size: 1.067em; line-height: 16px; } .content img.alignright { float: right; margin: 5px 0 5px 10px; } .content img.alignleft { float: left; margin: 5px 10px 5px 0; } .content img.aligncenter { display: block; margin: 5px auto; } /*-------------------------Visual Composer Styles-------------------------------------*/ .wpb_row, .wpb_content_element { margin-bottom: 17px !important; } .content .wpb_row p { padding: 6px 0; } .content .wpb_row strong { font-weight: normal; } .content .wpb_row p:first-child, .content .wpb_row ul:first-child, .content .wpb_row ol:first-child { padding-top: 0; } .content .wpb_row ul, .content .wpb_row ol { padding: 6px 0; margin: 0; } .content .wpb_row ul li { background: url(../images/icons/list-icon.png) no-repeat left 6px; padding-left: 15px; margin: 0; list-style: none; } .content .wpb_row .wpb_alert p { padding-bottom: 0; } .content .wpb_row table { margin: 6px 0; } .content .wpb_row hr { margin: 16px 0; border-color: #ccc; } .content .wpb_row .wpb_vc_table { margin: 0 !important; padding: 6px 0; } .content .wpb_row .wpb_vc_table table { margin: 0; } .vc_separator.vc_sep_color_grey .vc_sep_line { border-color: #ccc !important; } /*---------------------Accordion Styles--------------------------------*/ .content .wpb_row .wpb_accordion { margin: 0; padding: 6px 0; font-size: 0.933em; } .content .wpb_row .wpb_accordion:first-child { padding-top: 0px; } .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section { margin: 0; } .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header { -moz-border-top-right-radius: 4.1px; -webkit-border-top-right-radius: 4.1px; border-top-right-radius: 4.1px; -moz-border-top-left-radius: 4.1px; -webkit-border-top-left-radius: 4.1px; border-top-left-radius: 4.1px; } .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section.last a { border-bottom: 1px solid #ccc; } .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section.last .wpb_accordion_header { -moz-border-bottom-right-radius: 4.1px; -webkit-border-bottom-right-radius: 4.1px; border-bottom-right-radius: 4.1px; -moz-border-bottom-left-radius: 4.1px; -webkit-border-bottom-left-radius: 4.1px; border-bottom-left-radius: 4.1px; } .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section.last .wpb_accordion_header.ui-state-active { -moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .content .wpb_row .wpb_accordion .wpb_accordion_header { padding: 0 !important; margin: 0; border: 1px solid #ccc; transition: none; -webkit-transition: none; box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; position: relative; border-bottom: 0; background: transparent; } .content .wpb_row .wpb_accordion .wpb_accordion_header a { padding: 13px 40px 12px 15px; color: #333; display: block; } .content .wpb_row .wpb_accordion .wpb_accordion_header:focus { box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; outline: none !important; } .content .wpb_row .wpb_accordion .wpb_accordion_header .ui-accordion-header-icon { display: block; background: url(../images/icons/accordion-close-icon.png) no-repeat; cursor: pointer; top: 15px; right: 15px; } .content .wpb_row .wpb_accordion .wpb_accordion_header.ui-accordion-header-active, .content .wpb_row .wpb_accordion .wpb_accordion_header:hover { background: #428cca; border: 0; } .content .wpb_row .wpb_accordion .wpb_accordion_header.ui-accordion-header-active a, .content .wpb_row .wpb_accordion .wpb_accordion_header:hover a { color: #fff; box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; padding: 14px 40px 12px 15px; } .content .wpb_row .wpb_accordion .wpb_accordion_header.ui-accordion-header-active.last a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section.last .wpb_accordion_header.ui-accordion-header-active a, .content .wpb_row .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section.last .wpb_accordion_header:hover a { border-bottom: 0; } .content .wpb_row .wpb_accordion .wpb_accordion_header.ui-accordion-header-active .ui-accordion-header-icon, .content .wpb_row .wpb_accordion .wpb_accordion_header:hover .ui-accordion-header-icon { background: url(../images/icons/accordion-open-icon.png) no-repeat; right: 16px; } .content .wpb_row .wpb_accordion .wpb_accordion_content { display: none; background: #fff; padding: 15px; border: 1px solid #ccc; border-width: 0 1px; } .content .wpb_row .wpb_accordion .last .wpb_accordion_content { border-bottom: 1px solid #ccc; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .content .wpb_row .wpb_accordion .wpb_accordion_content .wpb_text_column { margin: 0 !important; } .content .wpb_row .wpb_accordion .wpb_accordion_content p, .content .wpb_row .wpb_accordion .wpb_accordion_content .wpb_vc_table { padding: 10px 0 0 0; } .content .wpb_row .wpb_accordion .wpb_accordion_content p:first-child, .content .wpb_row .wpb_accordion .wpb_accordion_content .wpb_vc_table:first-child { padding: 0; } /*-----------Styles for mobile 0 - 767px--------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 767px) { /*-------------------------Titles Styles-----------------------------------------------*/ .content .wpb_row h1 { padding-bottom: 20px; } .content .wpb_row h1, .content .wpb_row h2, #main-content .wpb_row h3, #main-content .wpb_row h4, #main-content .wpb_row h5, #main-content .wpb_row h6 { padding-top: 10px; padding-bottom: 10px; } /*-------------------------Visual Composer Styles-------------------------------------*/ .content .wpb_row p { padding: 10px 0; line-height: 22px; } .content .wpb_row ul, .content .wpb_row ol { padding: 10px 0; } .content .wpb_row table { margin: 10px 0; } .content .wpb_row hr { margin: 20px 0; } .content .wpb_row .wpb_vc_table { padding: 10px 0; } /*---------------------Accordion Styles--------------------------------*/ .content .wpb_row .wpb_accordion { padding: 10px 0; font-size: 1em; } .content .wpb_row .wpb_accordion .wpb_accordion_content .wpb_vc_table { overflow-x: auto; } /*----------------------*/ #main-content .health-funds .vc_span3 { float: left; width: 50%;} #main-content .health-funds .vc_span3 img { display: block; margin: 0 auto !important;} .listing-blog { padding-bottom: 0;} .listing-blog + .navigation { padding-bottom: 10px;} #main-content .serv-opt { border-bottom: 1px solid #ccc;} } /*-----------Styles for mobile 0 - 360px--------------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 360px) { table tr td, table tr th { padding: 5px; } /*-------------------------Titles Styles-----------------------------------------------*/ .content .wpb_row h1 { padding-bottom: 20px; } .content .wpb_row h1, .content .wpb_row h2, #main-content .wpb_row h3, #main-content .wpb_row h4, #main-content .wpb_row h5, #main-content .wpb_row h6 { padding-top: 10px; padding-bottom: 10px; } .content .wpb_row h2 { line-height: 33px; } .content .wpb_row h3 { line-height: 30px; } .content .wpb_row h4 { line-height: 21px; } /*-------------------------Visual Composer Styles-------------------------------------*/ .wpb_row, .wpb_content_element { margin-bottom: 10px !important; } .content .wpb_row p { padding: 6px 0; line-height: 19px; } .content .wpb_row ul, .content .wpb_row ol { padding: 6px 0; } .content .wpb_row table { margin: 6px 0; } .content .wpb_row hr { margin: 20px 0; } .content .wpb_row .wpb_vc_table { padding: 6px 0; } /*---------------------Accordion Styles--------------------------------*/ .content .wpb_row .wpb_accordion { padding: 6px 0; } .content .wpb_row .wpb_accordion .wpb_accordion_header a { padding: 9px 40px 6px 12px; } .content .wpb_row .wpb_accordion .wpb_accordion_header .ui-accordion-header-icon { top: 9px; right: 12px; } .content .wpb_row .wpb_accordion .wpb_accordion_header.ui-accordion-header-active a, .content .wpb_row .wpb_accordion .wpb_accordion_header:hover a { padding: 9px 40px 7px 12px; } .content .wpb_row .wpb_accordion .wpb_accordion_header.ui-accordion-header-active .ui-accordion-header-icon, .content .wpb_row .wpb_accordion .wpb_accordion_header:hover .ui-accordion-header-icon { right: 13px; } .content .wpb_row .wpb_accordion .wpb_accordion_content { padding: 10px 12px; } } /* CSS Document Gravity Form Styles */ /*-------------------------Custom Font------------------------------------------------*/ .gform_wrapper .gfield_required, .required-message span { font-family: 'RudaBold', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; } .gform_wrapper li.gfield.gfield_error .gfield_description { font-family: 'Ruda', Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; } /*-------------------------Gform Styles-----------------------------------------------*/ .ui-datepicker { margin: 0; } .gform_wrapper { margin: 0 !important; max-width: 100%; } .gform_wrapper .gform_title { font-weight: normal; margin-top: 0; } .gform_wrapper .gsection_title { font-weight: normal !important; margin-top: 0; font-size: 1.6em !important; line-height: 24px !important; } .gform_wrapper .gsection, .gform_wrapper .top_label li.gfield.gf_left_half + li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half + li.gsection { border-bottom: 1px solid #ccc; padding: 20px 0 !important; margin: 0 0 23px 0 !important; } .gform_wrapper .gsection:first-child { padding-top: 0 !important; } .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { width: 48%; } .gform_wrapper .top_label li.gfield.gf_left_half { margin-right: 4%; } .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { width: 32%; } .gform_wrapper .top_label li.gfield.gf_middle_third { margin-left: 2% !important; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { padding: 10px 0 0 0; } .gform_wrapper ul { padding: 6px 0 0 0; margin: 0 !important; width: 100%; float: left; } .gform_wrapper ul li { padding: 0 0 17px 0 !important; margin-bottom: 0 !important; background: none; width: 100%; float: left; background: none !important; } .gform_wrapper .gfield_label, .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-size: 0.933em; line-height: 15px !important; margin: 0 0 7px 0 !important; font-weight: normal !important; color: #007dc3; } .gform_wrapper .gfield_required { color: #ed1c24 !important; margin-left: 1px !important; } .gform_wrapper textarea, .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input[type="email"] { padding: 7px 10px !important; color: #999; } .gform_wrapper textarea.large, .gform_wrapper input[type="text"].large, .gform_wrapper input[type="password"].large, .gform_wrapper input[type="email"].large, .gform_wrapper textarea.medium, .gform_wrapper input[type="text"].medium, .gform_wrapper input[type="password"].medium, .gform_wrapper input[type="email"].medium { width: 100% !important; } .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding-bottom: 15px !important; } .gform_wrapper .gfield_radio .iradio, .gform_wrapper .gfield_checkbox .icheckbox, .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { float: left; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { margin: 0 0 0 10px !important; line-height: 21px !important; } .gform_wrapper .ginput_complex { width: 100%; float: left; overflow: visible; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { overflow: visible; } .content .gform_wrapper .chosen-container { min-width: 100%; width: 100% !important; } .content .gform_wrapper .chosen-container-single .chosen-single span { color: #999; } .content .gform_wrapper .chosen-container .chosen-drop { top: 100% !important; width: 100% !important; } .content .gform_wrapper .chosen-container .chosen-drop .chosen-search { display: none; } .content .gform_wrapper .chosen-container .chosen-drop ul { padding: 0; margin: 0 !important; } .content .gform_wrapper .chosen-container .chosen-drop li { margin: 0; padding: 6px 10px 5px !important; line-height: 15px; color: #999; } .gform_wrapper .gform_footer { padding: 0 !important; margin-top: -12px; } .gform_wrapper .gform_footer input[type="submit"] { min-width: 25%; height: 45px; line-height: 46px; font-size: 1.067em; padding-top: 0 !important; } /*---------------------GForm Errors Styles-----------------------------*/ .gform_wrapper .top_label .gfield_error { width: 100%; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper li.gfield.gfield_error.gfield_contains_required { border: 0; background: transparent; margin-bottom: 0 !important; margin-top: 0 !important; padding: 0 0 17px 0 !important; position: relative; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { width: 32%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 48% !important; } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { margin-right: 0; } .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third { margin-left: 2% !important; } .gform_wrapper .top_label .gfield_error .ginput_container { margin: 0 !important; max-width: 100%; width: 100% !important; } .gform_wrapper .gfield_error .gfield_label { color: #007dc3 !important; } .gform_wrapper .gfield_error textarea, .gform_wrapper .gfield_error input[type="text"], .gform_wrapper .gfield_error input[type="password"], .gform_wrapper .gfield_error input[type="email"] { border-color: #ed1c24; } .gform_wrapper .validation_error, .gform_wrapper li.gfield.gfield_error .gfield_description { color: #ed1c24 !important; font-weight: normal !important; margin: 0 0 15px 0 !important; font-size: 0.933em !important; } .gform_wrapper .book-eye-test .validation_error, .gform_wrapper .book-eye-test li.gfield.gfield_error .gfield_description { margin-bottom: 25px !important; } .gform_wrapper li.gfield.gfield_error .gfield_description { display: none; position: absolute; top: 51px; left: 13px; margin: 0 !important; font-size: 0.933em !important; width: auto; padding: 0 !important; color: #ed1c24; } .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error textarea, .gform_wrapper li.gfield_error .chosen-container-single .chosen-single span { border-color: #ed1c24 !important; } /*---------------------GForm Custom Block Styles-----------------------------*/ .required-message { color: #999; font-size: 0.933em; } .required-message span { color: #ed1c24; } .gform_wrapper input.datepicker.datepicker_with_icon { float: left; width: 89% !important; border-top-right-radius: 0; -moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; margin: 0 !important; padding-top: 8px; } .gform_wrapper img.ui-datepicker-trigger { float: left; width: 10.7% !important; height: 38px; cursor: pointer; } .gform_wrapper ul li.select-time .chosen-container-single .chosen-single div b { background: #007dc3 url(../images/icons/time-icon.png) no-repeat center center; } .gform_wrapper .book-eye-test, .gform_wrapper .contact-us-form { position: relative; float: left; width: 100%; } .gform_wrapper .book-eye-test ul li.required-message { max-width: 60%; margin-top: 20px !important; } .gform_wrapper .book-eye-test .gform_footer, .gform_wrapper .contact-us-form .gform_footer { position: absolute; bottom: 14px; right: 0; margin: 0; width: 27%; } .gform_wrapper .book-eye-test .gform_footer input[type="submit"], .gform_wrapper .contact-us-form .gform_footer input[type="submit"] { width: 100%; } .ui-datepicker-title select { height: 25px; margin: 5px; padding: 3px; } .gfield_captcha_container { position: relative; height: 97px; width: 100%; } .gfield_captcha_container .gfield_captcha_input_container { position: absolute; top: 0; width: 100%; padding: 0; } .gfield_captcha_container .gfield_captcha_input_container input[type="text"]{ width: 100% !important; } .gfield_captcha_container .img-container { position: absolute; bottom: 0; left: 0; text-align: center; background: #dff2ff; height: 44px; width: 63%; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .gform_wrapper .contact-us-form .gform_footer { bottom: 23px; } /*-----------Styles for mobile 768px - 959px----------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .gform_wrapper input.datepicker.datepicker_with_icon { width: 86% !important; } .gform_wrapper img.ui-datepicker-trigger { width: 14% !important; } } /*-----------Styles for mobile 0 - 767px--------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 767px) { .gform_wrapper input.datepicker.datepicker_with_icon { width: 84% !important; } .gform_wrapper img.ui-datepicker-trigger { width: 16% !important; } .gform_wrapper .contact-us-form .gform_footer { bottom: 27px; } } @media screen and (max-width: 760px ) { .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details th.product-variations { white-space: pre-wrap;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details th, .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details td { padding: 5px; font-size: 0.8em;} } /*-----------Styles for mobile 0 - 570px--------------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 570px) { .gform_wrapper div.validation_error { line-height: 16px; } .gform_wrapper .gsection, .gform_wrapper .top_label li.gfield.gf_left_half + li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half + li.gsection { margin: 0 0 17px !important; padding: 15px 0 !important; } .gform_wrapper .validation_error, .gform_wrapper li.gfield.gfield_error .gfield_description { margin: 3px 0 10px 0 !important; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { width: 100% !important; } .gform_wrapper input.datepicker.datepicker_with_icon { width: 91.5% !important; } .gform_wrapper img.ui-datepicker-trigger { width: 8.5% !important; } .gform_wrapper .contact-us-form { padding-top: 7px; } .gform_wrapper .book-eye-test .gform_footer, .gform_wrapper .contact-us-form .gform_footer { bottom: 14px; width: 37%; } .gform_wrapper .contact-us-form .gform_footer { bottom: 23px; } .gform_wrapper .gform_footer input[type="submit"] { height: 40px; line-height: 41px; } .gfield_captcha_container .img-container { width: 55%; height: 40px; } .gform_wrapper .gfield_captcha_container img.gfield_captcha { width: 146px; height: 38px; } #main-content .content .woocommerce { padding-bottom: 20px; } #main-content .content .woocommerce .woocommerce-shipping-fields {padding-top: 25px;} /*-------------------------------*/ .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } .form-element.register .form-block div.req_des, .form-element.register .form-block div.btn { width: 50%; } .form-element.register .form-block div.btn .btn-base { width: 100%; } .content .woocommerce .login-form h2, .content .woocommerce .form h2 {padding-bottom: 15px; margin-bottom: 15px;} /*-------------------------------*/ .woocommerce td.product-quantity, .woocommerce-page td.product-quantity, .content .woocommerce ul.cart-list li .tbl-cart th.qty { width: 72px !important; } .woocommerce ul.products-list li tbl-cart td.product-quantity, .content .woocommerce ul.products-list li .tbl-cart th.qty { width: inherit !important; } .woocommerce .quantity { width: 72px; height: 32px !important; } .woocommerce .quantity .minus { margin-right: 5px; } .woocommerce .quantity .plus { margin-left: 5px; } .woocommerce .quantity .input-text.qty { width: 30px; padding: 0 2px; } /*-------------------------------*/ .content .woocommerce ul.cart-list li .tbl-cart { font-size: 12px; } .content .woocommerce ul.cart-list li .tbl-cart thead th { padding: 13px 5px 10px; } .content .woocommerce ul.cart-list li .tbl-cart td { padding: 5px; } /*-------------------------------*/ .content .woocommerce ul.cart-list li .tbl-cart td.product-remove { padding: 10px 8px 10px 10px; width: 40px; } /*-------------------------------*/ .content .woocommerce .cart_totals .total-content .prescription .form-row label { width: 56%; } .content .woocommerce .cart_totals .total-content .prescription .form-row .chosen-container { width: 42% !important; } /*-------------------------------*/ .content .woocommerce .cart_totals .tbl-total tr th { width: 50%; } .content .woocommerce .cart_totals .tbl-total tr td { padding-bottom: 0 !important;} /*-------------------------------*/ .content .woocommerce .shipping-calculator .payment-methods > p { width: 52%; } .content .woocommerce .shipping-calculator .payments-list { width: 48%; } /*-------------------------------*/ #main-content .content .woocommerce .my-addresses {} #main-content .content .woocommerce .my-addresses .address.col-2 {padding-top: 20px;} #main-content .content .woocommerce .my-addresses .address { width: 100%; margin-left: 0; margin-bottom: 15px;} /*-------------------------------*/ .content .woocommerce .login-form .form-actions .btn-base { width: auto; min-width: 30%; } /*-------------------------------*/ #main-content .content .woocommerce .cart_totals .total-content .prescription .form-row.check-row label {width: 90%;} #main-content .content .woocommerce .form .form-title h2 { width: 50%;} #main-content .content .woocommerce .form .form-title .check-row { width: 50%;} #main-content .content .woocommerce .form .form-title .check-row label {width: 86%;} .content .woocommerce form.checkout .note br {display: none;} /*----------------------*/ #main-content .content.main-columns.col-md-9.woo-main-columns .woocommerce { padding: 20px;} #main-content .woocommerce-content .filter-mobile { font-size: 27px; padding: 30px 20px; margin: 0 -20px; background-position: 96% -11px;} #main-content .woocommerce-content .filter-mobile.uncollapsed { background-position: 94.5% -118px;} #main-content .content .my-account-staff-blocks ul.staff-blocks-list li { padding-top: 20px !important;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_day_field, .content.main-columns.col-md-9.woo-main-columns #billing_birthday_month_field, .content.main-columns.col-md-9.woo-main-columns #billing_birthday_year_field { margin-left: 0; width: 100%;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_year_field { padding-top: 10px;} /*----------------------*/ .content .woocommerce .checkout_coupon .coupon, .content .woocommerce .checkout-login { padding-bottom: 20px; } .content .woocommerce .checkout_coupon .coupon .form-row-last { padding-top: 10px; } .content .woocommerce .woocommerce-shipping-fields .form-content #shipping_state_field { padding: 18px 0 0 0 !important; } .form-details .medicare-item-code, .content.full-width .woocommerce .form-details .order-review .total-tbl { width: 90%; } .content.full-width .woocommerce .form-details h2, .content.main-columns.col-md-9.woo-main-columns .woocommerce h2 { font-size: 2em; line-height: 28px; } } @media only screen and (max-width: 480px){ #main-content .woocommerce-content .product-sort .woocommerce-result-count {padding-left: 0;} #main-content .woocommerce-content .product-sort .woocommerce-sort-by-columns {padding-right: 0;} #main-content .woocommerce-content div.product div.image-gallery div.image { height: 350px;} #main-content .woocommerce-content div.product div.image-gallery div.image img{ width: auto; } #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li a {} #main-content .product .product-form form ul.variations li ul li {font-size: 0.8em;} #main-content .product .product-form form ul.variations li ul li .discount { line-height: 1.4;} #main-content .product .product-form form div.label {font-size: 12px;} #main-content .woocommerce-content .product_totals .amount { font-size: 1.5em;} .product .product-form .block-add-to-cart .variations_button .btn-base { height: 35px; line-height: 35px !important; font-size: 1em;} /*----------------------*/ .content .woocommerce form.checkout > ol.checkout-steps > li > h2 { margin-bottom: 20px; } .content .woocommerce ol.checkout-steps li .woocommerce-billing-fields .mandatory { margin-top: -8px; } .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field label { top: 15px; line-height: 10px; } .content .woocommerce .woocommerce-shipping-fields #shiptobilling .iradio { clear: both; margin: 0 0 10px 0; } .content .woocommerce .woocommerce-shipping-fields #shiptobilling label { margin-bottom: 10px; } /*----------------------*/ .content .woocommerce .checkout-product-list .product-thumbnail { width: 100%; height: 170px; margin-bottom: 15px; } .content .woocommerce .checkout-product-list .product-thumbnail img { max-width: 50%; } .content .woocommerce .checkout-product-list .product-content { width: 100%; padding: 0; } .content.full-width .woocommerce .form-details .order-review .order_details {font-size: 12px;} .content.full-width .woocommerce .form-details .order-review thead { float: left; width: 24%;} .content.full-width .woocommerce .form-details .order-review thead tr { display: block; width: 100%;} .content.full-width .woocommerce .form-details .order-review thead tr th { display: block; width: 100%; padding: 7px 4px 7px; height: 35px; text-align: center; } .content.full-width .woocommerce .form-details .order-review .order_details tbody { float: left; width: 76%;} .content.full-width .woocommerce .form-details .order-review .order_details tbody tr {float: left; width: 50%;} .content.full-width .woocommerce .form-details .order-review .order_details tbody tr th, .content.full-width .woocommerce .form-details .order-review .order_details tbody tr td { display: block; width: 100% !important; padding: 9px; font-size: 1em; text-align: center; } .content.full-width .woocommerce .form-details .order-review .order_details tbody tr th { font-size: 1.1em;} .content.full-width .woocommerce .form-details .order-review .order_details tbody tr td { height: 35px; } .content.full-width .woocommerce .form-details .order-review .order_details th.product-variations { white-space: pre-wrap;} .content.full-width .woocommerce .form-details .order-review .total-tbl, .content.full-width .woocommerce .form-details .order-review .total-tbl { margin: 15px 0 0 0; width: 100%; } .content.full-width .woocommerce .form-details .order-review .total-tbl tr.last-child td.last-child .amount {font-size: 2em; line-height: 1.5; } .woocommerce-page table.shop_table.my_account_orders.tbl-order {} .woocommerce-page table.shop_table.my_account_orders.tbl-order thead {display: none;} .woocommerce-page table.shop_table.my_account_orders.tbl-order tbody {display: block;} .woocommerce-page table.shop_table.my_account_orders.tbl-order tr { display: block; width: 100%;} .woocommerce-page table.shop_table.my_account_orders.tbl-order tr td {display: block; width: 100%; padding: 8px 15px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details {font-size: 12px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details thead { float: left; width: 24%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details thead tr { display: block; width: 100%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details thead tr th { display: block; width: 100%; padding: 7px 4px 7px; height: 35px; } .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details tbody { float: left; width: 76%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details tbody tr {float: left; width: 50%;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details tbody tr th, .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details tbody tr td { display: block; width: 100% !important; padding: 9px; font-size: 1em;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details tbody tr th {text-align: center; font-size: 1.1em;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details tbody tr td { height: 35px;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .order_details th.product-variations { white-space: pre-wrap;} .content.main-columns.col-md-9.woo-main-columns .woocommerce .order-review .total-tbl tr.last-child td.last-child .amount {font-size: 2em;} .content .woocommerce table.shop_table.my-account-braintree-saved-cards {font-size: 12px;} .content .woocommerce table.shop_table.my-account-braintree-saved-cards tr th {} .content .woocommerce table.shop_table.my-account-braintree-saved-cards {font-size: 10px;} } /*-----------Styles for mobile 460px-------------------------------------------------------------------*/ @media only screen and (max-width: 460px) { /*-------------------------------*/ .medicare-item-code {font-size: 0.9em; } .content .woocommerce table tr th { padding: 10px 4px 7px; font-size: 1.1em; } .content .woocommerce table tr td, .content .woocommerce .form .tbl-order td, .content .woocommerce ul.cart-list li .tbl-cart td { padding: 7px 4px 4px; line-height: 14px; } /*-------------------------------*/ .content .woocommerce ul.cart-list li .tbl-cart { display: block; width: 100%; } .content .woocommerce ul.cart-list li .tbl-cart thead { display: block; width: 24%; float: left; } .content .woocommerce ul.cart-list li .tbl-cart thead th { padding: 10px; } .content .woocommerce ul.cart-list li .tbl-cart thead th, .content .woocommerce ul.cart-list li .tbl-cart thead tr { display: block; width: 100%; } .content .woocommerce ul.cart-list li .tbl-cart tbody { display: block; width: 76%; float: left; } .content .woocommerce ul.cart-list li .tbl-cart tbody tr { display: block; width: 50%; float: left; } .content .woocommerce ul.cart-list li .tbl-cart tbody th, .content .woocommerce ul.cart-list li .tbl-cart tbody td { display: block; width: 100%; text-align: center; padding: 10px; } .content .woocommerce ul.cart-list li .tbl-cart th.product-variations { text-align: center; } .content .woocommerce ul.cart-list li .tbl-cart td.product-parametrs { line-height: 17px; min-height: 37px; } .content .woocommerce ul.cart-list li .tbl-cart td.product-remove { width: 100%; } .content .woocommerce ul.cart-list li .tbl-cart td.product-remove .remove { margin: 0 auto; } /*-------------------------------*/ .woocommerce td.product-quantity, .woocommerce-page td.product-quantity, .content .woocommerce ul.cart-list li .tbl-cart th.qty { width: 100% !important; } .content .woocommerce ul.cart-list li .tbl-cart th.qty { height: 47px; padding-top: 17px; } .content .woocommerce ul.products-list li .tbl-cart th.qty { height: inherit; padding-top: 10px; } .content .woocommerce ul.products-list li .tbl-cart td.product-quantity { text-align: center; } .content .woocommerce ul.cart-list li .tbl-cart td.product-quantity .quantity { margin: 0 auto; } .woocommerce .quantity { width: 84px !important; } .woocommerce .quantity .input-text.qty { width: 42px; } } /*-----------Styles for mobile 380px-------------------------------------------------------------------*/ @media only screen and (max-width: 380px){ #main-content .content .woocommerce { padding-bottom: 10px; } #main-content .woocommerce-content ul.products li.product {width: 100%; border-right: none !important; } #main-content .woocommerce-content ul.products li.product .product-content { height: auto !important; overflow: visible !important; } #main-content .woocommerce-content ul.products li.product .product-content a.img-container { box-shadow: none !important;} #main-content .woocommerce-content ul.products li.product .product-content a.img-container img { display:inline-block; width: 150px; height:150px; box-shadow: none !important;} #main-content .woocommerce-content .sidebar {} #main-content .woocommerce-content .content img:first-child { max-width:100%;} /*-------------------------------*/ #main-content .woocommerce-page ul.products li.product {width: 100%; border-right: none !important;} /*-------------------------------*/ #main-content .single-product-banners .product-banner img { display:none;} /*-------------------------------*/ #main-content .woocommerce-content .product-sort .woocommerce-ordering, #main-content .woocommerce-content .product-sort .woocommerce-sort-by-columns, #main-content .woocommerce-content .product-sort .woocommerce-result-count {display:block; width:100%; padding:0; text-align:left; line-height:1.2em;} /*-------------------------------*/ #main-content .woocommerce-content .related.products ul.products li.product {width: 100%;} #main-content .single-product-banners .product-banner .prod-banner-desc {width: 100%;} /*-------------------------------*/ .woocommerce .btn-base.h45, #respond .form-submit input[type="submit"] { height: 40px; line-height: 40px; padding-top: 0 !important; } /*-------------------------------*/ .content .woocommerce .login-form .form-row { padding-bottom: 15px; } /*-------------------------------*/ #main-content .content .woocommerce .cart-form .actions .row .btn-base { padding-right: 10px !important; padding-left: 10px !important;} #main-content .woocommerce-content ul.products li.product h3 {height: auto;} /*-------------------------*/ #main-content .woocommerce .cross-sells ul.products li.product, #main-content .woocommerce-content .related.products ul.products li.product {width: 100%; border-right: none !important;} #main-content .woocommerce .cross-sells ul.products li.product:first-child, #main-content .woocommerce-content .related.products ul.products li.product:first-child { border-top: none !important; } .content .woocommerce .shipping-calculator .shipping-method table .shipping-info .chosen-container { width: 175px !important;} /*-------------------------*/ .customize-message.woocommerce-info.help i { margin-right: 8px; } .customize-message.woocommerce-info.help a.showcoupon { height: auto; line-height: 13px; max-width: 80px; padding: 5px 10px !important; } .content .woocommerce ol.checkout-steps li .woocommerce-billing-fields .mandatory { margin-top: 0; padding: 0 0 5px 0; } .content .woocommerce form.checkout .note { line-height: 14px; } #main-content .content .woocommerce .woocommerce-shipping-fields { padding-top: 10px; } .content .woocommerce .form .checkout-cart .tbl-cart tr td.product-prescription-date .form-row { width: 100%; margin: 0 0 10px 0; } .content .woocommerce .form .checkout-cart .tbl-cart tr th { padding: 10px 5px 10px 0; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-variations, .content .woocommerce .form .checkout-cart .tbl-cart tr td { padding: 10px 5px !important; line-height: 16px; } .content .woocommerce .form .checkout-cart .tbl-cart tr th.product-prescription-date { width: 75%; word-wrap: break-word; } .content .woocommerce .form.your-order { margin-top: 30px; } .content .woocommerce .woocommerce-shipping-optometrist { padding-top: 10px; } } /*-----------Styles for mobile 0 - 360px--------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 360px) { .gform_wrapper input.datepicker.datepicker_with_icon { width: 88% !important; } .gform_wrapper img.ui-datepicker-trigger { width: 12% !important; } #main-content .woocommerce-content div.product div.image-gallery div.image { } #main-content .woocommerce-content div.product div.image-gallery div.image img{ max-width: 242px; } /*-------------------------------*/ .woocommerce .btn-base.h50 { height: 40px; line-height: 41px; font-size: 1.2em; } .content .woocommerce .form .order-review #payment .place-order .btn-base { min-width: 155px; } /*-------------------------------*/ .customize-message.woocommerce-message, .customize-message.woocommerce-error, .customize-message.woocommerce-info { margin-bottom: 20px !important; font-size: 12px; line-height: 13px; padding: 7px 10px 6px !important; } .woocommerce-message i, .woocommerce-error i, .woocommerce-info i { font-size: 21px; } /*-------------------------------*/ .content .woocommerce .login-form h2, .content .woocommerce .form h2 { padding-bottom: 13px; margin-bottom: 15px; } .content .woocommerce .form .my-subscriptions, .content .woocommerce ul.cart-list, .content .woocommerce .shipping-calculator .shipping-calculator-form, .content .woocommerce .checkout_coupon .coupon, .content .woocommerce .checkout-login, #main-content .content .woocommerce .shipping-calculator, .content .woocommerce .login-form.gloabal-login { padding-bottom: 25px; } .content .woocommerce .form .myaccount_user { padding-bottom: 20px; } .content .woocommerce ul.products-list { padding-bottom: 0; } .content .woocommerce .form .order-review #payment .place-order { padding-top: 20px; } .content .woocommerce .form .order-review, .content .woocommerce .form.your-order .total-tbl { margin-bottom: 25px; } .content .woocommerce .form .myaccount_user, .content .woocommerce .my-addresses .address-content p { font-size: 14px; line-height: 19px; } .content .woocommerce .form .myaccount_user strong { font-size: 15px; } /*-------------------------------*/ .content .woocommerce .form #customer_details .col-sm-6 { width: 100%; overflow: hidden; } /*-------------------------------*/ .content .woocommerce .login-form.gloabal-login p { font-size: 12px; line-height: 16px; } /*-------------------------------*/ .content .woocommerce .checkout_coupon .coupon .form-row-first { padding-bottom: 10px; } /*-------------------------------*/ #main-content .content .woocommerce .form .form-title h2 { width: 100%; padding-bottom: 5px; } #main-content .content .woocommerce .form .form-title .check-row { width: 100%; } /*-------------------------------*/ .content .woocommerce p.order-info { padding: 8px 10px 8px; line-height: 17px; margin-bottom: 25px; } .content .woocommerce p.order-info mark { padding: 0 2px; } /*-------------------------------*/ #main-content .content .woocommerce .my-addresses {} .content .woocommerce .my-addresses .title { padding-bottom: 10px; } .content .woocommerce .my-addresses .customer_details { padding-bottom: 15px; } .content .woocommerce .my-addresses .customer_details p { padding-top: 0; } .content .woocommerce .myaccount_address { margin: 0; padding-bottom: 10px; } /*-------------------------------*/ #main-content .content .woocommerce ul.cart-list li .product-thumbnail { margin-bottom: 15px; } .content .woocommerce ul.cart-list li .product-content .product-name { padding-bottom: 13px; line-height: 17px; } /*-------------------------------*/ .content .woocommerce .cart_totals { width: 100%; } /*-------------------------------*/ .content .woocommerce .cart_totals .total-content .prescription > p { line-height: 16px; } .content .woocommerce .cart_totals .total-content .prescription .form-row.check-row label { padding-top: 3px !important; line-height: 14px; } .content .woocommerce .cart_totals .total-content .prescription .form-row label { line-height: 20px; padding-bottom: 3px; width: 100%; } .content .woocommerce .cart_totals .total-content .prescription .form-row .chosen-container { width: 100% !important; margin: 0; } /*-------------------------------*/ .content .woocommerce .form .order-review #payment ul.methods .payment_box { padding: 10px 15px; line-height: 18px; } /*-------------------------------*/ .content .woocommerce .form.form-details > p { padding-bottom: 20px; } /*-------------------------------*/ .woocommerce td.product-name dl.variation dd { margin-left: 5px; } .woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dt { padding-top: 5px; } #main-content .content .woocommerce .form .tbl-order td .btn-base { padding: 0 5px !important; font-size: 0.933em !important; height: 24px; line-height: 24px; } #main-content .content .woocommerce .shipping-calculator .shipping-method table td { padding: 13px 6px 12px;} #main-content .content .woocommerce .cart-form .actions .coupon input[type="text"] {width: 49%; padding: 7px 5px 6px; } #main-content .content .woocommerce .cart-form .actions .row .btn-base { margin-bottom: 0; } /*-------------------------------*/ .content .woocommerce .cart_totals .tbl-total tr th { width: 47%; padding-left: 10px !important; } .content .woocommerce .cart_totals .tbl-total tr td { vertical-align: middle; padding-right: 10px !important;} .content .woocommerce .cart_totals .tbl-total tr.order-total td, .content .woocommerce .cart_totals .tbl-total tr.order-total th { padding-top: 25px; } .content .woocommerce .cart_totals .tbl-total tr.order-total td .amount { font-size: 3em; } .content .woocommerce .cart_totals .tbl-total tr.order-total td .cents { } .content .woocommerce .shipping-calculator .payment-methods { padding-top: 25px; } .content .woocommerce .shipping-calculator .payment-methods > p { font-size: 12px; line-height: 11px; padding-top: 0; width: 45%; } .content .woocommerce .shipping-calculator .payments-list { width: 55%; } .content .woocommerce form.checkout > ol.checkout-steps > li { padding: 10px; padding-top: 0;} .content .woocommerce form.checkout > ol.checkout-steps > li > h2 {margin-left: -10px; margin-right: -10px;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_month_field { padding-top: 5px;} .content.main-columns.col-md-9.woo-main-columns #billing_birthday_month_field label { position: static; white-space: pre-line;} /*----------------------------*/ #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li a {} #main-content .product .product-form .gform_wrapper .gform_body .top_label > li { padding-right: 10px !important; } #main-content .product .product-form .gform_wrapper .gform_body .top_label > li.gf_left_third { white-space: nowrap; } #main-content .product .product-form .gform_wrapper .gform_body .top_label { padding-left: 10px !important; padding-right: 10px !important;} #main-content .product .product-form form div.label {font-size: 11px;} .product .product-form form div.help { margin-left: -2px;} #main-content .product .product-form .gform_wrapper .gform_body .top_label li.gfield { padding-right: 5px !important; padding-left: 5px !important;} #main-content .product .product-form .gform_wrapper .gform_body .top_label li.gfield.gf_right_third, #main-content .product .product-form .gform_wrapper .gform_body .top_label li.variations-select { padding-right: 0 !important; padding-left: 10px !important;} #main-content .product .product-form .gform_wrapper .gform_body .top_label li.gfield.gf_middle_third { padding-left: 10px !important; padding-right: 0 !important;} #main-content .product .product-form form .label-eye { font-size: 0.9em;} #main-content .product .product_totals {padding: 10px; padding-bottom: 0;} #main-content .woocommerce-content .filter-mobile { font-size: 20px; padding: 20px 20px; margin: 0 -20px; background-size: auto 270%; background-position: 95.5% -11px;} #main-content .woocommerce-content .filter-mobile.uncollapsed { background-position: 94.5% -95px;} .woocommerce-content .prod-more-info li .more-desc { padding: 5px 6px 0;} .woocommerce .products + .woocommerce-sort-by-columns {padding-top: 8px;} #main-content .woocommerce-content .prod-more-info li {margin-bottom: 10px;} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul {} #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li {} .content .woocommerce .checkout-product-list p { padding-bottom: 0; } .content .woocommerce .checkout-product-list .product-name { padding-bottom: 5px; } .content .woocommerce form.checkout .warning-notification { line-height: 13px; } } @media only screen and (max-width: 320px){ #main-content .woocommerce-content div.product div.image-gallery div.thumbnails ul li {} #main-content .woocommerce-content .subscription-block {font-size: 1.6em;} .content .woocommerce .shipping-calculator .shipping-method table .shipping-info .chosen-container { width: 142px !important;} #main-content .woocommerce-content div.product div.image-gallery div.image img{ } /*----------------------------*/ .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_year_field, .content .woocommerce .checkout-steps .woocommerce-billing-fields #billing_birthday_month_field { padding-top: 55px; } .content .woocommerce table.shop_table.my-account-braintree-saved-cards {font-size: 9px;} } @page { margin-top: 30px; margin-bottom: 10px; } @media print { body { font-size: 12px !important; } body * { color: #000 !important; } .btn-base, #bottom, #header, #footer, .page-title , .form-details > h2:first-child, .find-mistake-message, #print-button + p { display: none !important;} h2 { font-size: 1.5em !important; margin: 1em 0 0.5em 0 !important; padding-bottom: 0 !important; border: none !important;} h3 { font-size: 1.2em !important; margin: 1em 0 0.5em 0 !important;} table { border: 1px solid #ccc !important; border-collapse:collapse !important} table td, table th { border: 1px solid #ccc !important;} .total-tbl, .total-tbl th, .total-tbl td { border: none !important; padding: 0.5em;} .content .woocommerce table tr th, .content .woocommerce table tr td { padding: 5px;} .content .woocommerce .form.form-details, #main-content { padding-bottom: 0 !important; } .content .woocommerce ul.products-list li { border-bottom: 0; margin: 0;} .order-review { margin: 0 !important;} .content.full-width .woocommerce .form-details .order-review .total-tbl td.last-child .amount { font-size: 2em;} .logo-image-print, .eyeQ-info-print { display: block; } .eyeQ-info-print p { padding: 2px 0 !important; line-height: 15px !important; font-size: 10px !important; } .content.full-width .woocommerce .form-details .my-addresses .address { padding-bottom: 0; } } .payment_method_paypal .payments-list { display: none!important; } .custom-select-container { overflow: visible !important; } /*ARCHIVE LOCATIONS*/ .listing-blog-locations { text-align: center; font-size: 0; } .listing-blog-locations .type-locations { display: inline-block; text-align: left; vertical-align: top; margin-bottom: 15px; padding: 10px 10px; width: 100%; padding-bottom: 0; } .listing-blog-locations .type-locations h3 { font-size: 18px; } .listing-blog-locations .type-locations p { font-size: 14px; } .listing-blog-locations .type-locations .map-wrap { padding-bottom: 10px; border-bottom: 1px solid #acacac; } @media (min-width: 768px) { .listing-blog-locations .type-locations { width: 50%; } } @media (min-width: 992px) { .listing-blog-locations .type-locations { width: 33.33%; } } .archive-search .form-wrap, .archive-search .form-wrap .input { margin-bottom: 10px; } .archive-search .form-wrap .input input { width: 100%; border: none; background-color: #fafafa; padding: 10px 15px; } .archive-search .form-wrap .buttons ul { padding: 0; margin: 0; font-size: 0; list-style: none; } .archive-search .form-wrap .buttons ul li { display: inline-block; font-size: 16px; padding: 0 5px; } .archive-search .form-wrap .buttons ul li:first-of-type { padding-left: 0; } .archive-search .form-wrap .buttons ul li button { padding: 10px; border-radius: 5px; color: #fff; background-color: #00a4e4; font-weight: bold; } .archive-search .form-wrap .buttons ul li button:hover { background-color: #1a6cab; } .archive-search #nearest-clinics-text, .archive-search #no-near-clinics-text { text-align: center; padding: 10px; }