/* Theme Name: Sharon Wee Creation Child Author: Elephant Room Template: sharonwee */ @import url("../sharonwee/style.css"); @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700'); /* font-family:'Amatic SC', cursive; */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); /* font-family:'Open Sans', sans-serif; */ @import url('https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco'); /* font-family:'Sue Ellen Francisco', cursive; */ body { font-family:'Open Sans', sans-serif; font-size:16px; color:#303233; font-weight:300; line-height:28px; padding-top:0px !important; cursor:default; } a { color:#303233; } a:hover, a:focus { color:#303233; outline:none; } button:focus, input:focus { outline:none; } .text-black { color:#303233; } p {} p:last-child { margin-bottom:0px; } .relative { position:relative; } .transition { transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } section { padding-top:70px; padding-bottom:70px; } #content ul, #content ol { padding-left:15px; } p a { text-decoration:underline; } p a:focus, p a:active { text-decoration:underline !important; } p a:hover { text-decoration:none; } .link-black { color:#303233; text-decoration:none; border-bottom:1px solid #404040; } .link-black:hover, .link-black:focus, .link-black:active { color:#303233; text-decoration:none; border-color:transparent; } .link-white { color:#fff; text-decoration:none; border-bottom:1px solid #fff; } .link-white:hover, .link-white:focus, .link-white:active { color:#fff; text-decoration:none; border-color:transparent; } button[type="submit"],.woocommerce a.button, .button { font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; background:rgba(0,0,0,1); color:#fff; text-align:center; text-transform:none; letter-spacing:1px; line-height:normal; display:inline-block; padding:13px 28px; border:1px solid #101010; border-radius:0px; -webkit-border-radius:0px; width:auto; vertical-align: middle; box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } button[type="submit"]:after, .button:after { content:""; background:url("images/icon-arrow.png"); background-repeat:no-repeat; background-position:center center; background-size:auto auto; display:inline-block; vertical-align:middle; margin-left:20px; width:28px; height:14px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:active, .button:hover, .button:focus, .button:active, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active{ color:#101010; background:rgba(255,255,255,1); } button[type="submit"]:hover:after, button[type="submit"]:focus:after, button[type="submit"]:active:after, .button:hover:after, .button:focus:after, .button:active:after{filter:invert(1); -webkit-filter:invert(1);} /*button[type="submit"]:before, .button:before { content: ""; position: absolute;z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:rgba(16,16,16,1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} button[type="submit"]:hover:before, button[type="submit"]:focus:before, button[type="submit"]:active:before, .button:hover:before, .button:focus:before, .button:active:before { -webkit-transform: scale(0); transform: scale(0);}*/ .button.loading:after{ display:none;} .xoo-cp-modal .xcp-btn{ font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; background:rgba(0,0,0,1); color:#fff; text-align:center; text-transform:none; letter-spacing:1px; line-height:normal; padding:13px 28px; border:1px solid #101010; border-radius:0px; -webkit-border-radius:0px; width:auto; vertical-align: middle; box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .xoo-cp-modal .xcp-btn:hover, .xoo-cp-modal .xcp-btn:focus, .xoo-cp-modal .xcp-btn:active { color:#101010; background:rgba(255,255,255,1); } .button.button-black-outline { background:none; color:#101010; border:1px solid rgba(16,16,16,1); } .button.button-black-outline:hover, .button.button-black-outline:focus, .button.button-black-outline:active { background:#101010; color:#fff; border:1px solid rgba(16,16,16,1); } .button.button-black-outline:after { filter:invert(1); -webkit-filter:invert(1); } .button.button-black-outline:hover:after, .button.button-black-outline:focus:after, .button.button-black-outline:active:after { filter:invert(0); -webkit-filter:invert(0); } .button.button-white-outline { background:none; color:#fff; border:1px solid rgba(255,255,255,1); } .button.button-white-outline:hover, .button.button-white-outline:focus, .button.button-white-outline:active { background:#fff; color:#101010; border:1px solid rgba(255,255,255,1); } .button.button-white-outline:hover:after, .button.button-white-outline:focus:after, .button.button-white-outline:active:after { filter:invert(1); -webkit-filter:invert(1); } h1 { font-family:'Sue Ellen Francisco', cursive; font-size:54px; /*font-size:60px;*/ font-weight:400; line-height:66px; /*line-height:70px;*/ } h2 { font-family:'Sue Ellen Francisco', cursive; font-size:52px; font-weight:400; line-height:60px; } h3 { font-family:'Sue Ellen Francisco', cursive; font-size:40px; font-weight:400; line-height:48px; } h4 { font-family:'Sue Ellen Francisco', cursive; font-size:32px; font-weight:400; line-height:42px; } h5 { font-family:'Sue Ellen Francisco', cursive; font-size:30px; font-weight:400; line-height:normal; } h6 { font-family:'Sue Ellen Francisco', cursive; font-size:24px; font-weight:400; line-height:normal; } h1, h2, h3, h4, h5, h6 { color:#101010; margin-bottom:30px; } .page-wrap { padding:0px 0px; } /* header */ .topbar-nav.mobile { display:none !important; } .topbar-nav { text-align:right; display:inline-block; margin-bottom:20px; /*margin-bottom:25px;*/ width:100%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .topbar-nav ul { margin:0px 0px; display:flex; flex-flow:row wrap; float:right; } .topbar-nav ul li { line-height:normal; display:inline-block; vertical-align:middle; margin-left:30px; order:1; position:relative; } .topbar-nav ul li:first-child { margin-left:0px; } .topbar-nav ul li a { font-family:'Open Sans', sans-serif; font-size:12px; color:#101010; line-height:normal; letter-spacing:0.5px; text-transform:uppercase; display:inline-block; padding:0px 0px; border-bottom:1px solid transparent; } .topbar-nav ul li a:hover, .topbar-nav ul li a:focus, .topbar-nav ul li a:active { color:#101010; border-bottom:1px solid #101010; } .topbar-nav ul li.current-menu-item a { color:#101010; border-bottom:1px solid #101010; } .topbar-nav ul li.menu-login { order:4; } .topbar-nav ul li.menu-login a { } .topbar-nav ul li.my-account{ order:3;} .topbar-nav ul li.cart-menu { order:2; } .topbar-nav ul li.menu-search { position:relative; } .topbar-nav ul li.menu-search a { } .topbar-nav ul li.menu-search a:before { content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; } .topbar-nav ul li.menu-search:before { content:""; background:url("images/icon-search.png"); background-repeat:no-repeat; background-position:center center; background-size:auto auto; display:inline-block; vertical-align:middle; margin-right:10px; width:22px; height:18px; } .topbar-nav ul li.menu-currency { text-align:left; /*min-width:70px;*/ order:2; } .topbar-nav ul li.menu-currency > a { padding:0px 25px 0px 10px; border:1px solid #101010; width:100%; position:relative; } .topbar-nav ul li.menu-currency > a:before { content:""; background:#101010; width:1px; height:100%; position:absolute; top:0px; right:15px; } .topbar-nav ul li.menu-currency > a:after { content:"\f107"; text-align:center; margin-top:-7px; width:15px; font-family:FontAwesome; position:absolute; top:50%; right:0px; } .topbar-nav ul li.menu-currency > ul.sub-menu { background:#fff; position:absolute; top:23px; left:0px; z-index:2; box-shadow:0px 3px 4px 0px rgba(0,0,0,0.20); -webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.20); visibility:hidden; opacity:0; } .topbar-nav ul li.menu-currency > ul.sub-menu > li { line-height:normal; margin:0px 0px; width:100%; } .topbar-nav ul li.menu-currency > ul.sub-menu > li > a { display:inline-block; vertical-align:top; padding:4px 10px; white-space:nowrap; border:none; width:100%; } .topbar-nav ul li.menu-currency > ul.sub-menu > li > a:hover, .topbar-nav ul li.menu-currency > ul.sub-menu > li > a:focus, .topbar-nav ul li.menu-currency > ul.sub-menu > li > a:active { background:#101010; color:#fff; } .topbar-nav ul li.menu-currency.active > ul.sub-menu { visibility: visible; opacity:1; } .topbar-nav ul li.menu-currency li { margin-left:0px !important; } .topbar-nav ul li.menu-currency form { margin-top:-4px; } .topbar-nav ul li.menu-currency form select { background:#fff; font-size:12px; color:#101010; line-height:normal; padding:0px 0px 0px 6px; border:1px solid #101010; outline:none; height:auto; } .topbar-nav ul li.menu-currency form select option { padding:0px 8px; } .topbar-nav ul li.menu-currency .dropdown{} .topbar-nav ul li.menu-currency .dropdown a:after{line-height: 26px;width: 26px;height: 26px;} .topbar-nav ul li.menu-currency .dropdown a{line-height: 21px; padding-right:30px; height: 26px; border:1px solid #101010; padding-left:4px; } .topbar-nav ul li.menu-currency .dropdown img{width:auto; height:auto; max-width:30px; max-height:17px; padding-right:4px; display: inline-block; vertical-align: middle; } .topbar-nav ul li.menu-currency .dropdown span{font-weight: 400;font-size:12px; color:#101010;display: inline-block; vertical-align: middle;} .topbar-nav ul li.menu-currency .dropdown ul{top:26px;padding: 5px 0px;} .topbar-nav ul li.menu-currency .dropdown ul li{ padding:3px 8px;width: 100%; } .topbar-nav ul li.menu-currency .dropdown ul li img{ margin-right: 10px; } .topbar-nav ul li.menu-currency .dropdown ul li:hover, .topbar-nav ul li.menu-currency .dropdown ul li:focus, .topbar-nav ul li.menu-currency .dropdown ul li:active{ background:#f6f6f6; } ul li.cart-menu { position:relative; } ul li.cart-menu a {} ul li.cart-menu a:before { content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; } ul li.cart-menu:before { content:""; background:url("images/icon-cart.png"); background-repeat:no-repeat; background-position:center center; background-size:auto auto; display:inline-block; vertical-align:middle; margin-right:10px; width:22px; height:18px; position:relative; top:-1px; } ul li.cart-menu i {} ul li.cart-menu span {} .site-header { background:#fff !important; padding:10px 0px; /*padding:20px 0px;*/ transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .site-header .col-md-4 { display:inline-block; vertical-align:middle; width:255px; float:none; } .site-header .col-md-8 { display:inline-block; vertical-align:middle; width:calc(100% - 260px); width:-webkit-calc(100% - 260px); float:none; } .site-header #site-branding #site-logo img { width:auto; max-height:93px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .site-header.float-header #mainnav{} .site-header #mainnav {} .site-header #mainnav ul {} .site-header #mainnav ul > li { line-height:normal; margin-left:40px; } .site-header #mainnav ul > li:first-child { margin-left:0px; } .site-header #mainnav ul > li > a { font-family:'Open Sans', sans-serif; font-size:14px; color:#101010; font-weight:400; letter-spacing:1px; text-transform:uppercase; line-height:normal; display:inline-block; padding:0px 0px; border-bottom:1px solid transparent; } .site-header #mainnav ul > li.current-menu-item > a { color:#101010; position:relative; } .site-header #mainnav ul > li.current-menu-item > a:after{transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; background: #101010; bottom:-12px; /*bottom: -21px;*/ content: ""; height: 1px; left: 0; opacity: 1; position: absolute; width: 100%;} .site-header #mainnav ul > li > a:hover:after, .site-header #mainnav ul > li > a:focus:after, .site-header #mainnav ul > li > a:active:after{ color:#101010; background: #101010; bottom:-12px; /*bottom: -21px;*/ content: ""; height: 1px; left: 0; opacity: 1; position: absolute; width: 100%; } .site-header.float-header #mainnav ul > li > a:hover:after, .site-header.float-header #mainnav ul > li > a:focus:after, .site-header.float-header #mainnav ul > li > a:active:after, .site-header.float-header #mainnav ul > li.current-menu-item > a:after{ bottom:-16px;} .site-header #mainnav ul > li.menu-item-has-children > a {} .site-header #mainnav ul > li.menu-item-has-children > a:before { content:""; width:calc(100% + 20px); width:-webkit-calc(100% + 20px); height:100%; position:absolute; top:0px; right:-20px; z-index:1; } .site-header #mainnav ul > li.menu-item-has-children:after { content:"\f107"; font-family:FontAwesome; font-size:16px; font-weight:400; display:inline-block; vertical-align:top; margin-left:8px; position:relative; top:1px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .site-header #mainnav ul > li.menu-item-has-children:hover:after { transform:rotate(180deg); } .site-header #mainnav ul > li ul.sub-menu { padding-top:20px; left:0px; box-shadow:0px 20px 20px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 20px 20px 0px rgba(0,0,0,0.2); } .site-header #mainnav ul > li ul.sub-menu:after { background:#101010; display:none; } .site-header #mainnav ul > li ul.sub-menu > li { margin:0px 0px; } .site-header #mainnav ul > li ul.sub-menu > li > a { background:#fff; font-size:12px; color:#101010; padding:10px 15px; border-top:1px solid #ddd; border-bottom:none; } .site-header #mainnav ul > li ul.sub-menu > li:first-child > a { border-top:none; } .site-header #mainnav ul > li ul.sub-menu > li > a:hover, .site-header #mainnav ul > li ul.sub-menu > li > a:focus, .site-header #mainnav ul > li ul.sub-menu > li > a:active { background:#101010; color:#fff; } .site-header #mainnav ul > li ul.sub-menu > li.current-menu-item > a { background:#101010; color:#fff; } /* sticky header */ .site-header.float-header { background:#fff; padding:15px 0px; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); } .site-header.float-header #site-branding {} .site-header.float-header #site-branding #site-logo img { width:auto; max-height:60px; } .site-header.float-header .topbar-nav { /*display:block; margin:0px 0px;visibility:hidden; opacity:0; position:absolute; top:-10px; right:15px;*/ margin-bottom:15px; } .site-header.float-header #mainnav ul > li ul.sub-menu { padding-top:32px; } /* footer */ footer.site-footer { display:none; } #sidebar-footer { background:#101010; font-size:14px; color:#fff; text-align:center; padding:60px 0px 50px 0px; /*padding:60px 0px 120px 0px;*/ } #sidebar-footer .column { text-align:left; display:inline-block; vertical-align:top; padding:0px 15px; width:100%; max-width:230px; } #sidebar-footer section { padding:0px 0px; } #sidebar-footer .column.column1 { } #sidebar-footer .column.column2 {} #sidebar-footer .column.column3 {} #sidebar-footer .footer-logo { max-width:200px; width:100%; height:auto; } #sidebar-footer .widget {} #sidebar-footer .widget .widget-title { font-size:32px; /*font-size:40px;*/ color:#fff; font-weight:400; text-transform:uppercase; line-height:42px; /*line-height:40px;*/ display:inline-block; padding:0px 0px; margin-top:0px; margin-bottom:35px; width:100%; } #sidebar-footer .widget ul { display:inline-block; margin:0px 0px; width:100%; } #sidebar-footer .widget ul li { line-height:normal; padding:0px 0px; margin-bottom:10px; } #sidebar-footer .widget ul li:last-child { margin-bottom:0px; } #sidebar-footer .widget ul li a { font-family:'Open Sans', sans-serif; font-size:16px; color:#fff; line-height:normal; border-bottom:1px solid transparent; } #sidebar-footer .widget ul li a:hover, #sidebar-footer .widget ul li a:focus, #sidebar-footer .widget ul li a:active { color:#fff; border-bottom:1px solid #fff; } #sidebar-footer .widget ul li.current-menu-item a { color:#fff; border-bottom:1px solid #fff; } #sidebar-footer .widget_clean_business_social_icons a { margin:0px 10px 10px 0px; } #sidebar-footer .widget_clean_business_social_icons a:last-child { margin-right:0px; } /* footer signup */ .footer-signup-tutorials { background:#101010; font-family:'Open Sans', sans-serif; font-size:18px; color:#fff; text-align:center; letter-spacing:2px; padding:10px 0px; /*position:fixed; left:0px; bottom:-21px; z-index:1002;*/ width:100%; } .footer-signup-tutorials h5 { color:#fff; line-height:30px; text-transform:uppercase; letter-spacing:0px; display:inline-block; vertical-align:middle; margin-bottom:0px; width:auto; } .footer-signup-tutorials .signup-form { display:inline-block; vertical-align:middle; margin:0px 0px 0px 15px; /*margin:0px 15px;*/ width:auto; } .footer-signup-tutorials form {} .footer-signup-tutorials form.wpcf7-form br{ display: none; } .footer-signup-tutorials form.wpcf7-form p{ margin-bottom: 0; } .footer-signup-tutorials form input[type="text"], .footer-signup-tutorials form input[type="email"] {border: 1px solid transparent; background:#fff; font-size:16px; color:#101010; line-height:48px; display:inline-block; vertical-align:middle; padding:0px 15px; margin:0px 0px; border:none; width:100%; /*max-width:220px;*/ max-width:198px; height:48px; text-overflow:ellipsis; } .footer-signup-tutorials form input.button{ background:rgba(0,0,0,1)url("images/icon-arrow.png")90% center no-repeat; font-size:16px; font-weight:400; text-transform:none; line-height:46px; display:inline-block; vertical-align:middle; padding:0px 60px 0px 30px !important; width:auto; height:48px; border-radius:0px; -webkit-border-radius:0px; color:#fff; border:1px solid #fff; } .footer-signup-tutorials form input.button:hover, .footer-signup-tutorials form input.button:focus, .footer-signup-tutorials form input.button:active { background:rgba(255,255,255,1)url("images/icon-arrow-black.png")90% center no-repeat !important; /*background-repeat:no-repeat; background-position:calc(100% - 30px) center; background-position:-webkit-calc(100% - 30px) center; background-size:auto auto;*/ color:#000;background:rgba(255,255,255,1); } .footer-signup-tutorials form.wpcf7-form .ajax-loader{display: none;} .footer-signup-tutorials form.wpcf7-form span.wpcf7-not-valid-tip{display: none !important;} .footer-signup-tutorials form.wpcf7-form div.wpcf7-validation-errors{ display: none !important; } .footer-signup-tutorials form.wpcf7-form input.wpcf7-not-valid{ border: 1px solid #FF0000; } .footer-signup-tutorials form.wpcf7-form #footer-name{ margin-right:0;} .footer-signup-tutorials form.wpcf7-form .wpcf7-mail-sent-ok{margin: 0;padding:5px 0 0;border: none;font-size: 13px;line-height: normal;letter-spacing: 0;font-weight: 400;} .footer-signup-tutorials #btn-symbol { background:#101010; color:#fff; text-align:center; line-height:68px; width:40px; height:68px; position:absolute; bottom:21px; right:0px; z-index:9; cursor:pointer; display:none; } .footer-signup-tutorials.open { bottom:0px; } .footer-signup-tutorials.open #btn-symbol { bottom:0px; } .footer-signup-tutorials form .mc4wp-response{font-size: 14px; max-width: 400px; line-height: normal; margin:0 auto;} .footer-signup-tutorials .textwidget { display:block !important; } .scrollup.show { bottom:85px; } ::-moz-placeholder { color:#000 !important; } ::-webkit-input-placeholder { color:#000; } :-ms-input-placeholder { color:#000; } ::-ms-input-placeholder { color:#000; } /* social icons */ .widget_clean_business_social_icons {} .widget_clean_business_social_icons a { background:rgba(255,255,255,1); font-size:30px; color:#101010; text-align:center; line-height:55px; margin:0px 10px; padding:0px 0px; border:none; width:55px; height:55px; border-radius:50%; -webkit-border-radius:50%; } .widget_clean_business_social_icons a:hover, .widget_clean_business_social_icons a:focus, .widget_clean_business_social_icons a:active { background:rgba(255,255,255,0.9); color:#101010; } .scrollup { background:rgba(0,0,0,0.2); color:#fff; border:none; } .scrollup:hover, .scrollup:focus, .scrollup:active { background:rgba(0,0,0,0.7); color:#fff; border:none; } /* page header */ .page-header-section { background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; padding:15px 0px; position:relative; } .page-header-section:before { content:""; background:rgba(0,0,0,0.65); width:100%; height:100%; position:absolute; top:0px; left:0px; } .page-header-section .inner {} .page-header-section .content { color:#fff; text-align:center; padding:195px 0px 160px 0px; } .page-header-section h1 { color:#fff; margin:0px 0px; } .page-header-section h5 { color:#fff; text-transform:uppercase; letter-spacing:2px; margin:35px 0px 0px 0px; } .page-header-section h5 a { color:#fff; vertical-align:middle; } .page-header-section .button { margin-top:45px; } ul.breadcrumbs { padding:0px 0px; margin:0px 0px; } ul.breadcrumbs li { font-family:'Open Sans', sans-serif; font-size:18px; color:#b49a61; text-transform:uppercase; font-weight:400; letter-spacing:1px; display:inline-block; vertical-align:middle; } ul.breadcrumbs li a { color:#fff; font-weight:400; border-bottom:1px solid transparent; } ul.breadcrumbs li a:hover, ul.breadcrumbs li a:focus, ul.breadcrumbs li a:active { color:#fff; border-bottom:1px solid #fff; } ul.breadcrumbs li.separator { color:#fff; font-weight:400; margin:0px 10px; } ul.breadcrumbs li.item-current {} /* Inner Pages Header */ .hero-section-inner { text-align:center; background-repeat:no-repeat !important; background-position:top center !important; background-size:cover !important; position:relative; min-height:200px; margin-top:92px; /*margin-top:115px;*/ padding:30px 0 15px 0; position:relative; z-index:1; } .hero-section-inner:after{ position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:rgba(255,255,255,0.39); z-index:-1;} .hero-section-inner .col-sm-12{ display:table; width:100%; height:300px;} .hero-section-inner .col-sm-12 .inner {display:table-row; width:100%; height:300px; position:relative; z-index:1;} .hero-section-inner .col-sm-12 .inner .content{display:table-cell; width:100%; height:300px; vertical-align:middle;} .hero-section-inner h1 { color:#101010; margin-bottom:0px; } .hero-section-inner h2{font-family:'Open Sans', sans-serif; font-size:22px; font-weight:400; margin-bottom:10px;} .hero-section-inner p { color:#101010; margin-left:auto; margin-right:auto; margin-top:30px; } .hero-section-inner .subtitle { font-size:16px; /*font-size:22px;*/ color:#101010; font-weight:400; line-height:normal; margin-top:15px; } /* home page */ .hero-section { text-align:center; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; position:relative; } .hero-section .inner { } .hero-section .content { padding:130px 0px 280px 0px; margin:0 auto; max-width:600px; } .hero-section .hero-logo {} .hero-section h1 { color:#101010; margin-bottom:0px; text-transform:capitalize; } .hero-section p { color:#101010; margin-left:auto; margin-right:auto; margin-top:30px; max-width:600px; } .welcome-section {} .welcome-section .welcome-img { text-align:right; } .welcome-section .welcome-img:before { content:""; background:url("images/chocolate-element-img1.png"); background-repeat:no-repeat; background-position:left top; background-size:auto 100%; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; } .welcome-section .welcome-content { max-width:640px; } .welcome-section .welcome-content .button { margin-top:15px; } .section-heading { display:inline-block; margin-bottom:20px; width:100%; } .section-heading h2 { margin-bottom:0px; } .section-heading p { margin-top:30px; margin-left:auto; margin-right:auto; max-width:600px; } .section-heading .icon {} .section-heading .icon:before { content:""; background-repeat:no-repeat !important; background-position:center center !important; background-size:auto auto !important; display:inline-block; vertical-align:bottom; margin-right:15px; width:86px; height:66px; } .icon.icon-video:before { content:""; background:url("images/icon-video.svg");background-size: 90px auto !important; } .icon.icon-book:before { content:""; background:url("images/icon-book.svg"); } .icon.icon-classroom:before { content:""; background:url("images/icon-apron.svg"); } .seperator-line { position:relative; } /*.seperator-line:before { content:""; background:#f1f1f1; display:table; width:100%; max-width:1250px; height:1px; position:absolute; top:0px; left:50%; margin-left:-625px; }*/ .seperator-line:before { content:""; background:#f1f1f1; width:100%; max-width:1250px; height:1px; position:absolute; top:0px; left:50%; margin-left:-625px; } .learn-online-section {padding:60px 0px 0;} .learn-online-section .learn-box-wrapper {} .learn-online-section .learn-box-wrapper .learn-box { text-align:center; margin-bottom:30px; } .learn-online-section .learn-box-wrapper .learn-box .inner {} .learn-online-section .learn-box-wrapper .learn-box .img { position:relative; } .learn-online-section .learn-box-wrapper .learn-box .img img {} .learn-online-section .learn-box-wrapper .learn-box .img h3 { background:#fcefba; padding:20px 15px; margin:0px 0px; position:absolute; left:0px; bottom:0px; width:100%; } .learn-online-section .learn-box-wrapper .learn-box .content { padding:30px 30px; } .learn-online-section .learn-box-wrapper .learn-box .content .desc { margin:30px 0px; } .learn-online-section .learn-box-wrapper .learn-box .content .desc p {} .learn-online-section .learn-box-wrapper .learn-box .content .button {} /*.learn-online-section .learn-box-wrapper .learn-box .content .advance { padding:6px 0px 8px 0px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; } .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot { display:inline-block; vertical-align:middle; } .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot span { background:none; display:inline-block; margin:0px 1px; width:10px; height:10px; border:1px solid #bbb; border-radius:50%; -webkit-border-radius:50%; } .learn-online-section .learn-box-wrapper .learn-box .content .advance .text { font-weight:400; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-left:15px; } .learn-online-section .learn-box-wrapper .learn-box .content .desc { margin:30px 0px; } .learn-online-section .learn-box-wrapper .learn-box .content .desc p {} .learn-online-section .learn-box-wrapper .learn-box .content .button {} .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot.beginner span:nth-child(1) { background:#101010; border-color:#101010; } .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot.intermediate span:nth-child(1), .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot.intermediate span:nth-child(2) { background:#101010; border-color:#101010; } .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot.advanced span:nth-child(1), .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot.advanced span:nth-child(2), .learn-online-section .learn-box-wrapper .learn-box .content .advance .dot.advanced span:nth-child(3) { background:#101010; border-color:#101010; }*/ .advance { text-align:center; padding:6px 0px 8px 0px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; } .advance .dot { display:inline-block; vertical-align:middle; position:relative; top:2px; } /* .content .advance .dot span { background:none; display:inline-block; margin:0px 1px; width:10px; height:10px; border:1px solid #bbb; border-radius:50%; -webkit-border-radius:50%; } .advance .text { font-weight:400; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-left:15px; } .advance .dot.beginner span:nth-child(1) { background:#101010; border-color:#101010; } .advance .dot.intermediate span:nth-child(1), .advance .dot.intermediate span:nth-child(2) { background:#101010; border-color:#101010; } .advance .dot.advanced span:nth-child(1), .advance .dot.advanced span:nth-child(2), .advance .dot.advanced span:nth-child(3) { background:#101010; border-color:#101010; } */ .content .advance .dot span { background:url(images/cupcake.svg); background-repeat:no-repeat !important; background-position:center center !important; background-size:15px auto !important; display:inline-block; margin:0px 1px; width:20px; height:20px; /*opacity:0.3;*/ opacity:1; } .advance .text { font-weight:400; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-left:15px; } .advance .dot.beginner span:nth-child(1) { opacity:1; } .advance .dot.intermediate span:nth-child(1), .advance .dot.intermediate span:nth-child(2) { opacity:1; } .advance .dot.advanced span:nth-child(1), .advance .dot.advanced span:nth-child(2), .advance .dot.advanced span:nth-child(3) { opacity:1; } .learn-online-section .learn-box-wrapper .learn-box:nth-child(4n+1) .img h3 { background:#fcefba; } .learn-online-section .learn-box-wrapper .learn-box:nth-child(4n+2) .img h3 { background:#e9f3b7; } .learn-online-section .learn-box-wrapper .learn-box:nth-child(4n+3) .img h3 { background:#ffefef; } .learn-online-section .learn-box-wrapper .learn-box:nth-child(4n+4) .img h3 { background:#c5d7e1; } .learn-online-section .more-tutorial { text-align:center; } .about-book-section { background:url("images/chocolate-element-img2.png"); background-repeat:no-repeat; background-position:right bottom; background-size:25vw auto; } .about-book-section .book-img {} .about-book-section .book-content {} .about-book-section .book-content ul { list-style: outside none disc; padding:0px 0px 0px 15px; margin:0px 0px 30px 0px; } .about-book-section .book-content ul li {} .creation-classroom-section { background:#faf8f9; } .creation-classroom-section .classroom-box-wrapper {} .creation-classroom-section .classroom-box-wrapper .classroom-box { text-align:center; margin-bottom:30px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .inner { background:#fff; } .creation-classroom-section .classroom-box-wrapper .classroom-box .img {} .creation-classroom-section .classroom-box-wrapper .classroom-box .img img{} .home .creation-classroom-section .classroom-box-wrapper .classroom-box .img img { max-height:238px; width:100%; object-fit:cover;} .creation-classroom-section .classroom-box-wrapper .classroom-box .content { padding:30px 30px; margin-top:-50px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content .date { background:#fcefba; color:#101010; font-weight:400; display:inline-block; padding:5px 15px; margin-bottom:25px; width:100%; max-width:210px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content h4 { margin-bottom:20px; min-height:85px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content .desc { /*min-height:170px; */margin-bottom:20px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content .desc p {} .creation-classroom-section .classroom-box-wrapper .classroom-box .content .advance { margin-bottom:20px;} .creation-classroom-section .classroom-box-wrapper .classroom-box .content .price { color:#101010; font-weight:600; text-transform:uppercase; margin:20px 0px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content .button {} .creation-classroom-section .more-class { text-align:center; margin-top:20px; } .creation-classroom-section .classroom-box-wrapper .classroom-box:nth-child(4n+1) .content .date { background:#fcefba; } .creation-classroom-section .classroom-box-wrapper .classroom-box:nth-child(4n+2) .content .date { background:#e9f3b7; } .creation-classroom-section .classroom-box-wrapper .classroom-box:nth-child(4n+3) .content .date { background:#ffefef; } .creation-classroom-section .classroom-box-wrapper .classroom-box:nth-child(4n+4) .content .date { background:#c5d7e1; } .creation-classroom-section.testimonial{} /*========================= Cart Page ===========================*/ .woocommerce-cart .hero-section-inner h1, .woocommerce-checkout .hero-section-inner h1{ font-size:40px; line-height:50px; margin-bottom:60px !important;} .woocommerce-page #primary{ width:100%; padding:0; background:url(images/cart-bg.jpg)0 0 no-repeat; background-position:bottom center;} .woocommerce-page #sidebar-footer{ /*margin-top:50px;*/} .woocommerce-page #primary .entry-header{ display:none;} .woocommerce-page #primary main{ max-width:700px; width: 100%; margin:0 auto; padding:10px 15px 0px 15px !important; overflow-x:hidden;} .woocommerce-page .no-sidebar.content-width #main{ padding-right:15px;} .woocommerce-page #primary .hentry{ border:none; padding:0;} .woocommerce-page #primary #breadcrumb-list{ display:none;} .woocommerce-page #secondary{ display:none;} .woocommerce-page table.shop_table{ border:none; border-radius:0; margin-bottom:15px;} .woocommerce-page table.shop_table tr th { border:none; vertical-align:middle;} .woocommerce-page table.shop_table tr th{ border-bottom:1px solid #b8b8b8; border-top:1px solid #b8b8b8; /*background:#faf9f9;*/ padding:20px 15px;font-family:'Sue Ellen Francisco', cursive; font-size:24px;} .woocommerce-page table.shop_table tr th:first-child{ text-align:left;} .woocommerce-page .shop_table tr td { border:none; vertical-align:top; } /*.woocommerce-page table.shop_table tr th:last-child{border-right:1px solid #b8b8b8;} .woocommerce-page table.shop_table tr td:first-child{border-left:1px solid #b8b8b8;} .woocommerce-page table.shop_table tr td:last-child{border-right:1px solid #b8b8b8;}*/ .woocommerce-page table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td{border-top:1px solid #b8b8b8;padding:20px 15px; font-weight:600;} .woocommerce-page table.shop_table tbody tr:first-child td{ border-top:none !important;} .woocommerce-page table.shop_table:not(.my_account_bookings):not(.woocommerce-table--order-downloads):not(.woocommerce-MyAccount-orders) tbody tr:last-child td{ border-top:1px solid #b8b8b8; border-bottom:0; border-left:0; border-right:0; padding:15px 0;} .woocommerce-page table.shop_table .product-thumbnail{ position:relative; /*width:143px;*/ display:table-cell !important; } .woocommerce-page table.shop_table .product-thumbnail .product-remove a.remove{/* position:absolute; width:20px; height:20px; top:50%; margin-top:-10px; left:12px; z-index:2; background:#101010; color:#fff !important; text-align:center; line-height:19px; border-radius:100%; font-size:16px;font-weight: 400;*/ background:url(images/icon-remove.png)0 0 no-repeat; width:15px; height:18px; font-size:0;border-radius:0;} .woocommerce-page table.shop_table .product-thumbnail .product-remove a.remove:hover{background:url(images/icon-remove.png)0 0 no-repeat;} .woocommerce-page table.shop_table .product-thumbnail .image{ width:100px; height:66px;display:block; overflow:hidden; margin-left:10px} .woocommerce-page table.shop_table .product-thumbnail .image img{ width:100%; height:100% !important; object-fit:cover; } .woocommerce-page table.shop_table .product-name{ width:340px;} .woocommerce-page table.shop_table .product-name a{font-family:'Sue Ellen Francisco', cursive; font-size:24px; font-weight: 400; line-height:36px; color:#101010;} .woocommerce-page table.shop_table .product-name a.image{/*float: left; margin-right: 20px;*/ display:inline-block; vertical-align:top; margin-right:15px; max-width:80px; } .woocommerce-page table.shop_table .product-name a.image img{height:150px !important; width:100px; object-fit:cover; /*width:auto; max-width:100%; height:auto; max-height:100%;*/ } .woocommerce-page table.shop_table .product-name a.image + a { display:inline-block; vertical-align:top; width:calc(100% - 102px); width:-webkit-calc(100% - 102px); } .woocommerce-page table.shop_table .product-name .variation { display:none !important; } .woocommerce-page table.shop_table .product-price, .woocommerce-page table.shop_table .product-quantity, .woocommerce-page table.shop_table .product-subtotal{ text-align:center;} .woocommerce-page table.shop_table .product-quantity .quantity input[type=number] { width:80px; height:50px; display:block; padding:0; margin-bottom:20px; -moz-appearance:textfield; appearance:textfield; background:#fff; color:#101010; border-color: #dcdcdc;} .woocommerce-page table.shop_table .product-quantity .quantity input[type=number]:focus{ border-color: #101010;} .woocommerce-page table.shop_table .product-quantity .quantity input[type=number]:-webkit-inner-spin-button, .woocommerce-page table.shop_table .product-quantity .quantity input[type=number]:-webkit-outer-spin-button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .woocommerce-page .woocommerce-cart-form { overflow-x: auto; /*width: 73%;*/ width:100%; } .woocommerce-cart-form table.shop_table tr td.actions {} .woocommerce-cart-form table.shop_table tr td.actions input[name="coupon_code"] { font-family:'Open Sans', sans-serif; background:#fff; font-size:14px; padding:9px 15px !important; margin:0px 15px 0px 0px !important; border:1px solid #555; text-overflow:ellipsis; max-width:none; width:calc(100% - 165px) !important; width:-webkit-calc(100% - 165px) !important; height:45px;border-radius:0 !important; } .woocommerce-cart-form table.shop_table tr td.actions input[name="apply_coupon"] { background:rgba(16,16,16,1) !important; font-size:14px; color:#fff; font-weight:400; text-align:center; text-transform:capitalize; padding:0px 15px;height:45px; line-height:45px; border:none !important; width:150px !important; max-width:150px;border-radius:0 !important; } .woocommerce-cart-form table.shop_table tr td.actions input[name="apply_coupon"]:hover, .woocommerce-cart-form table.shop_table tr td.actions input[name="apply_coupon"]:focus, .woocommerce-cart-form table.shop_table tr td.actions input[name="apply_coupon"]:active { background:rgba(16,16,16,0.9) !important; color:#fff; } .woocommerce-page .wc-proceed-to-checkout{ padding:0;} .woocommerce-page .wc-proceed-to-checkout a.button{background:#eaf3b8;font-family:'Sue Ellen Francisco', cursive; font-size: 30px; color: #000 !important; font-weight: 400; text-align:center; text-transform: none; line-height: normal; display: inline-block; padding:0px 10px; width: 100%; border-radius:0 !important; position:relative; margin:0; border:1px solid transparent; } .return-to-shop a.button{background: rgba(0, 0, 0,1) !important; font-size: 16px; color: #fff !important; font-weight: 400; text-align:center; text-transform: none; line-height: normal; display: inline-block; padding:15px 25px; width: 100%; border-radius:0 !important; position:relative; margin:0; border:1px solid transparent; } .woocommerce-page .wc-proceed-to-checkout a.button:after{ position:absolute; right:25px; top:50%; margin-top:-7px; background:none;} .woocommerce-page .wc-proceed-to-checkout a.button:hover, .return-to-shop a.button:hover, .woocommerce-page .wc-proceed-to-checkout a.button:focus, .return-to-shop a.button:focus, .woocommerce-page .wc-proceed-to-checkout a.button:active, .return-to-shop a.button:active, { background: rgba(255, 255, 255,1) !important; color: #000; } .woocommerce-page .wc-proceed-to-checkout.checkout-bottom{ text-align:right;} .woocommerce-page .wc-proceed-to-checkout.checkout-bottom .checkout-button{ display:inline-block; width:100%; padding: 0 20px !important; max-width: 348px;} .woocommerce-cart-form table.shop_table tr td.actions input[name="update_cart"] { background:rgba(16, 16, 16,1); font-size:14px; color:#fff; font-weight:400; text-align:center; text-transform:capitalize; padding:0px 15px; height:45px; line-height:45px; width:180px !important; float:left; margin-left:15px; border-radius:0 !important;} .woocommerce-cart-form table.shop_table tr td.actions input[name="update_cart"]:hover, .woocommerce-cart-form table.shop_table tr td.actions input[name="update_cart"]:focus, .woocommerce-cart-form table.shop_table tr td.actions input[name="update_cart"]:active { background:rgba(16, 16, 16,0.9); color:#fff; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: rgba(255, 255, 255,1) !important; color: #000 !important; border:1px solid #000;} .woocommerce-cart-form table.shop_table tr td.actions .coupon { padding:0px 0px !important; width:calc(100% - 197px); width:-webkit-calc(100% - 197px); float:left !important; } .woocommerce-page .cart-collaterals { /*border: 1px solid #101010; padding:0 30px; float: right; width: 25%;*/ width:100%; } .woocommerce-page .cart-collaterals h2{font-family: "Open Sans",sans-serif; font-size: 16px; font-weight:700; background:#c5d8e1; color:#101010; text-align:center; border-bottom:1px solid #101010; text-transform:uppercase; margin-left:-30px; margin-right:-30px; } .woocommerce-page .cart-collaterals .cart_totals{/* border: 1px solid #101010; padding:0 30px;*/ float:none; width:100%;} .woocommerce-page .cart-collaterals table, .woocommerce-page .cart-collaterals table tr th, .woocommerce-page .cart-collaterals table tr td{ border:none !important; background:none; vertical-align:top; font-weight:600;} .woocommerce-page .cart-collaterals table tr th, .woocommerce-page .cart-collaterals table tr td{ padding:15px 0;} .woocommerce-page .cart-collaterals table tr td:first-child{ text-align:left;} .woocommerce-page .cart-collaterals table tr td{ background:none !important; text-align:right; display:table-cell; width:28%;} .woocommerce-page .cart-collaterals table tr td:before{ content:"";} .woocommerce-page .cart-collaterals table tr.order-total { font-family:'Sue Ellen Francisco', cursive; font-size:24px; font-weight:400; text-transform:capitalize; /*border-top:1px solid #101010 !important;*/ } .woocommerce-page .cart-collaterals table tr.order-total td { background:none; font-weight:400; } .woocommerce-page .cart-collaterals table tr.order-total td strong { display:block; font-size:40px; } .woocommerce-page .cart-collaterals table tr.order-total td .flat-rate{font-size:20px;} .woocommerce-page .cart-collaterals table tr.order-total th { font-weight:400; } .woocommerce-page .cart-collaterals table {} .woocommerce-page .cart-collaterals table form {} .woocommerce-page .cart-collaterals table form .shipping-calculator-button { text-decoration:none !important; border-bottom:1px solid #303233; } .woocommerce-page .cart-collaterals table form .shipping-calculator-button:hover { border-bottom:1px solid transparent; } .woocommerce-page .cart-collaterals table form p { margin-bottom:0px; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form { padding:0px 0px; margin-top:20px; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form p { padding:0px 0px; margin-bottom:15px; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form p:last-child { margin-bottom:0px; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form select { background:#fff; font-size:14px; color:#333; font-weight:400; padding:0px 15px; border:1px solid #101010; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form input { background:#fff; font-size:14px; color:#333; font-weight:400; padding:0px 15px; border:1px solid #101010; text-overflow:ellipsis; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form .button { background:#000; font-size:14px; color:#fff; font-weight:400; text-transform:capitalize; line-height:normal; padding:12px 15px; border:1px solid #000; border-radius:0px; -webkit-border-radius:0px; } .woocommerce-page .cart-collaterals table form .shipping-calculator-form .button:hover, .woocommerce-page .cart-collaterals table form .shipping-calculator-form .button:focus, .woocommerce-page .cart-collaterals table form .shipping-calculator-form .button:active { background:none; color:#000; border:1px solid #000; } body.woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td { font-family:'Sue Ellen Francisco', cursive; font-size:22px; font-weight:400 !important; } .woocommerce-page .hero-section-inner h2{ display:none;} .cart-empty{font-size: 44px; font-weight: 400; padding-top: 120px;text-align:center;font-family:'Sue Ellen Francisco', cursive;} .return-to-shop{text-align:center; padding-bottom: 120px;} .return-to-shop a.button{ display:inline-block; max-width:220px;} .woocommerce-cart.group-blog .hero-section-inner .col-sm-12, .woocommerce-cart.group-blog .hero-section-inner .col-sm-12 .inner, .woocommerce-cart.group-blog .hero-section-inner .col-sm-12 .inner .content{ height:200px;} .woocommerce-cart.group-blog .hero-section-inner{min-height: 200px; padding: 30px 0 0;} .woocommerce-page table.shop_table .product-price .woocommerce-Price-amount{ color:#919191; font-size:18px;} .tab-ul{margin:0 !important;} .tab-ul li{ max-width: 172px; width: 100%; position:relative;} .tab-ul li:before{/*max-width:124px; width:100%; border:1px dashed #101010; position:absolute; left:112px; top:30%; transform:translateY(-30%); -webkit-transform:translateY(-30%); content:"";*/} .tab-ul li:last-child:before{/* border:none;*/} .tab-ul li a{ display:inline-block; text-align:center; color:#919191; text-transform:capitalize; font-weight:400; font-size:20px;font-family:'Sue Ellen Francisco', cursive;} .tab-ul li span{ border-radius:0; font-size:20px; font-weight:600; text-align:center; line-height:20px; color:#101010; margin:0 auto 8px; position:absolute; right:0; top:3px;} /*.tab-ul li a:hover span, .tab-ul li a:focus span, .tab-ul li a:active span, .tab-ul li.active a span{ background:#101010; color:#fff;}*/ .tab-ul li.active a{ color:#101010;} .tab-ul li.past-active a span{ background:#aaa9a9; border:1px solid #aaa9a9; color:#fff;} .tab-ul li.past-active:before{/*border-color:#aaa9a9;*/} .woocommerce-cart #breadcrumb-list{ display:none;} #breadcrumb-list{ display:none;} #primary #breadcrumb-list{ border:none; background:none; padding:40px 0 20px; display:block;} #breadcrumb-list span, #breadcrumb-list span a{ font-size:13px; color:#101010; text-transform:uppercase; font-style:normal; padding:0 !important; line-height:1.3 !important; font-weight:400;} #breadcrumb-list span.breadcrumb-current{ text-decoration:underline; background:none;} #breadcrumb-list span{ margin-right:5px;} /*====================== Shop Page ========================*/ .shop-content { /*padding-top:60px; padding-bottom:60px;*/ padding-top:30px; padding-bottom:30px; } .shop-content p{font-size: 18px;} .shop-product{ padding-top:0;} .shop-product .woocommerce-result-count, .shop-product .woocommerce-ordering{ display:none;} .product-categories-tabs{ border-top:1px solid #f1f1ef; padding-top:0px; /*padding-bottom:15px;*/ margin-bottom:20px; } .shop-product .form-wppp-select .select-style {border:1px solid #100e0f; overflow: hidden; background:url("images/dwn-arw.png") no-repeat 100% 50%;display:inline-block; vertical-align:top; height:38px; width:100%;} .shop-product .form-wppp-select .select-style select {border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none;font-size: 16px; color: #010000; font-weight: 600; text-align: left; text-transform: uppercase;-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; height:100%; padding-right:55px;} .shop-product .form-wppp-select{margin-top:8px; margin-bottom:25px; position: relative;z-index: 9;} .shop-product nav.woocommerce-pagination{ position:relative;} .shop-product nav.woocommerce-pagination ul{ position:relative;} /* .product-categories-tabs ul{ margin:0 0px 70px; list-style:none; padding:0; width:100%; text-align:center;} .product-categories-tabs ul li:first-child { max-width: 180px; } .product-categories-tabs ul li{ width:100%; max-width:240px; float:left; padding-left:5px; padding-right:5px; box-sizing:border-box; margin-bottom:10px;} .product-categories-tabs ul li a{ display:block; border:1px solid #101010; color:#101010; background:transparent; font-size:13px; font-weight:400; text-transform:uppercase; padding:13px 10px;} .product-categories-tabs ul li a:hover, .product-categories-tabs ul li a:focus, .product-categories-tabs ul li a:active, .product-categories-tabs ul li.active a{color:#fff; background:#101010;} */ .product-categories-tabs ul { text-align:center; display:table; padding:0px 0px; margin:0px auto; width:100%; max-width:950px; } .product-categories-tabs ul li { padding:0px 0px; border-bottom:1px solid #f8e8b9; /*width:25%; float:left; */width:16%; min-height:100px; /*position:relative; overflow:hidden;*/ box-shadow:0px -1px 0px 0px rgba(203,184,114,0) inset; -webkit-box-shadow:0px -1px 0px 0px rgba(203,184,114,0) inset; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; display:table-cell; vertical-align:middle; } .product-categories-tabs ul li a.cat-view_all { background: #f9f9f9; } .product-categories-tabs ul li a.cat-view_all:hover { background: #eeeeee; } .product-categories-tabs ul li:hover, .product-categories-tabs ul li:focus, .product-categories-tabs ul li:active, .product-categories-tabs ul li.active { border-bottom:1px solid #cbb872; box-shadow:0px -1px 0px 0px rgba(203,184,114,1) inset; -webkit-box-shadow:0px -1px 0px 0px rgba(203,184,114,1) inset; } .product-categories-tabs ul li a { font-family:'Sue Ellen Francisco', cursive; font-size:26px; font-weight:400; text-transform:none; line-height:36px; width:135px; /*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);*/ padding-top:15px; padding-bottom:15px; display:block; margin:0 auto; } .product-categories-tabs ul li a:before { content:""; width:500px; height:200px; position:absolute; top:-80px; left:-120px; z-index:-1; } .product-categories-tabs ul li[data-val="handy-books"] a { max-width:80px; } .woocommerce-info:before, .woocommerce-message:before{ color:#101010;} .woocommerce-info, .woocommerce-message{ border-top-color:#101010;} .woocommerce-message .button.wc-forward{background: rgb(0, 0, 0); border: medium none;border-radius: 0; color: #fff; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: normal; padding: 10px 30px; text-align: center; text-transform: none; width: auto; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;border:1px solid transparent;} .woocommerce-message .button.wc-forward:hover, .woocommerce-message .button.wc-forward:focus {background: rgba(255, 255, 255, 1); color:#000; border:1px solid #000;} .woocommerce .shop-product .products{ margin-right:-10px; margin-top: 25px;} .woocommerce .shop-product ul.products li.product{ margin:0 1.5% 20px 0; width:23.2%; float:left !important; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .woocommerce .shop-product ul.products li.product:hover, .woocommerce .shop-product ul.products li.product:focus, .woocommerce .shop-product ul.products li.product:active { box-shadow:4px 14px 21px 0px rgba(7, 7, 7, 0.1); -webkit-box-shadow:4px 14px 21px 0px rgba(7, 7, 7, 0.1); } .woocommerce .shop-product ul.products li.product > a.woocommerce-LoopProduct-link { display:inline-block; width:100%; position:relative; } .woocommerce .shop-product ul.products li.product .product-selection { position:absolute; left:0px; bottom:0px; line-height: 1.4;} .woocommerce .shop-product ul.products li.product .product-selection + .product-selection { bottom:31px; } .product-selection { padding:4px 25px; width:100%; } .product-selection img { display:inline-block !important; vertical-align:middle; margin-right:10px !important; width:auto !important; max-width:100%; height:auto; } .product-selection span { /*font-family:'Sue Ellen Francisco', cursive;*/font-family: 'Open Sans', sans-serif; /*font-size:24px;*/ font-size:12px; color:#000; font-weight:400; display:inline-block; vertical-align:middle; } .product-selection.pdf { background:#fcf0bc; } .product-selection.video { background:#fff0f0; } .product-selection.recipe { background:#c6d8e2; } .product-selection.live-class { background:#eaf3b9; } .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-success { margin-left:auto; margin-right:auto; /*width:calc(100% - 30px); width:-webkit-calc(100% - 30px);*/ max-width:1250px; } .woocommerce .shop-product ul.products li.product img{width:100%; margin:0px 0px; } .woocommerce .shop-product ul.products li.product .content{text-align:center; line-height:1.4; padding:25px 25px; } .archive.post-type-archive .shop-product ul.products li.product .content .woocommerce-loop-product__title { height:auto; min-height:inherit; } .archive.post-type-archive .shop-product ul.products li.product .content .button { padding-left:15px; padding-right:15px; width:100%; max-width:200px; } .archive.post-type-archive .shop-product ul.products li.product .content .button:after { animation:none; -webkit-animation:none; } .archive.post-type-archive .shop-product ul.products li.product .content .button.loading { opacity:1; } .archive.post-type-archive .shop-product ul.products li.product .content .button.loading:after { background:none; font-size:16px; color:#fff; text-align:center; line-height:normal; display:inline-block; vertical-align:middle; margin:0px 0px 0px 20px; width:auto; height:auto; position:inherit; top:0%; right:0%; animation:spin 2s linear infinite; -webkit-animation:spin 2s linear infinite; } .archive.post-type-archive .shop-product ul.products li.product .content .added_to_cart { display:none; } .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title{font-size:28px; font-weight: 400; font-family:'Sue Ellen Francisco', cursive; line-height:34px; padding-top:0px; padding-bottom:0px; margin-bottom:15px; width: 100%; min-height:36px; /*overflow:hidden;*/ } .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title a { color:#000; display:inline-block; } .woocommerce .shop-product ul.products li.product .content .price{ margin-top:0px; margin-bottom:15px;} .woocommerce .shop-product ul.products li.product .content .price span{ font-family:'Sue Ellen Francisco', cursive; font-size:24px; color:#474747; font-weight:400;} .currency-gbp{ display:none;.related-products ul} .woocommerce .shop-product ul.products li.product .content .more-info{background: rgb(0, 0, 0); border: 1px solid #101010;; border-radius: 0; color: #fff; font-weight: 400; line-height: normal; padding: 13px 28px; margin-top:0px; text-align: center; } .woocommerce .shop-product ul.products li.product .content .more-info:hover, .woocommerce .shop-product ul.products li.product .content .more-info:focus, .woocommerce .shop-product ul.products li.product .content .more-info:active{background: rgba(255, 255, 255, 1); color:#000;} .creation-classroom-section.testimonial .classroom-box-wrapper .classroom-box .content{ margin-top:0;} .creation-classroom-section.testimonial .classroom-box-wrapper .classroom-box .content h4{ min-height:inherit;} .creation-classroom-section.testimonial .classroom-box-wrapper .classroom-box .content .desc{ min-height:145px;} .creation-classroom-section.testimonial .classroom-box-wrapper .classroom-box .img { display: block; float: left; margin-bottom: 30px; margin-top: -50px; width: 100%;} .woocommerce div.product form.cart .button:after { animation:none; -webkit-animation:none; } .woocommerce div.product form.cart .button.loading { padding-left:28px; padding-right:28px; opacity:1; } .woocommerce div.product form.cart .button.loading:after { background:none; font-size:16px; color:#fff; text-align:center; line-height:normal; display:inline-block; vertical-align:middle; margin:0px 0px 0px 20px; width:auto; height:auto; position:inherit; top:0%; right:0%; animation:spin 2s linear infinite; -webkit-animation:spin 2s linear infinite; } .post-type-archive-product {} .post-type-archive-product .advance{ } .post-type-archive-product .advance .text{ margin-left:0; font-size:14px;} .post-type-archive-product #sidebar-footer{ margin-top:0;} .post-type-archive-product .hero-section-inner, .post-type-archive-product .hero-section-inner .col-sm-12, .post-type-archive-product .hero-section-inner .col-sm-12 .inner, .post-type-archive-product .hero-section-inner .col-sm-12 .inner .content { max-height:170px; min-height:inherit; height:170px !important; padding-top:0px; padding-bottom:0px; } .archive.tax-product_cat .hero-section-inner, .archive.tax-product_cat .hero-section-inner .col-sm-12, .archive.tax-product_cat .hero-section-inner .col-sm-12 .inner, .archive.tax-product_cat .hero-section-inner .col-sm-12 .inner .content { max-height:170px; min-height:inherit; height:170px !important; padding-top:0px; padding-bottom:0px; } .creation-classroom-section.testimonial .classroom-box-wrapper { margin-top: 50px;} .heart-icon img{ margin:0px 0 15px;} .woocommerce nav.woocommerce-pagination ul{ border:none;} .woocommerce nav.woocommerce-pagination ul li{ width:40px; height:40px; background:none; border:1px solid #101010; margin:5px 5px;} .woocommerce nav.woocommerce-pagination ul li span{ line-height:36px; width:100%; height:100%; color:#101010; padding:0;} .woocommerce nav.woocommerce-pagination ul li a{ line-height:36px; width:100%; height:100%; color:#101010;padding:0;} .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev{background:none; color:#101010;} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{background:#101010; color:#fff;} .page-template-classroom .shop-content .desc p {font-size:28px; text-align: center; font-family: 'Sue Ellen Francisco', cursive; line-height: 50px; padding: 0px 110px; color:#585858;} .page-template-classroom .creation-classroom-section.testimonial{ } .page-template-classroom .shop-content .desc span {color:#7b97a6; display: block;} .page-template-classroom .sharonwee-promise ul {text-align:left; margin:70px 0px 25px 0px} .page-template-classroom .sharonwee-promise ul li {display:inline-block; vertical-align:top; padding: 0 15px 10px; margin-bottom:15px; border-bottom:4px solid transparent; cursor:pointer; } .page-template-classroom .sharonwee-promise ul li:hover, .page-template-classroom .sharonwee-promise ul li:active, .page-template-classroom .sharonwee-promise ul li:focus, .page-template-classroom .sharonwee-promise ul li.active {border-bottom: 4px solid #c6d8e2;} .page-template-classroom .sharonwee-promise ul li svg { fill:#819cab; width:auto; height:40px; } .page-template-classroom .sharonwee-promise ul li:nth-child(6) { /*width:90px;*/ } .page-template-classroom .classroom-slider h4 {margin-bottom: 20px;} .page-template-classroom .classroom-slider p {font-size:16px;} .page-template-classroom .classroom-slider p i {font-style:normal;} .page-template-classroom .classroom-slider p a { border-bottom:1px solid #303233; } .page-template-classroom .classroom-slider p a:hover, .page-template-classroom .classroom-slider p a:focus, .page-template-classroom .classroom-slider p a:active { border-bottom:1px solid transparent; } .page-template-classroom .right-cont h2 {color:#7b97a6; padding: 0px 50px; text-align:right; font-size: 60px; line-height: 80px;} .page-template-classroom .right-cont h2 span{ letter-spacing:10px;} .page-template-classroom .product-categories-tabs ul {max-width:none; } .page-template-classroom .product-categories-tabs ul li {width:20%;} .page-template-classroom .shop-product-classes ul.products .row { margin:0px -7px; } .page-template-classroom .shop-product-classes ul.products li { padding-left:7px; padding-right:7px; margin-bottom:20px; } .page-template-classroom .shop-product-classes ul.products li .content .button { padding-left:15px; padding-right:15px; width:100%; max-width:200px; } .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box { margin-bottom:0px; } /*.page-template-classroom .sharonwee-promise .right-cont {text-align:right;}*/ /*.page-template-classroom .sharonwee-promise .right-cont img {width: 100%; max-width: 300px; position:relative; top:-40px;}*/ .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box a { display:block; position:relative;} .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box .content a{ display:inline-block;} .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box a .meta{background: rgba(52, 52, 52, 0.6);font-size: 14px;color: #fff;text-align: center;font-weight: 600;padding: 8px 15px;position: absolute;left: 0px;bottom: 0px;width: 100%; } .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box a .meta .product-date:before {content: "\f073"; font-family: FontAwesome; font-weight: 400; display: inline-block; margin-right: 10px;} .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box a .meta .product-time:before {content: "\f017";font-family: FontAwesome;font-weight: 400;display: inline-block;margin-right: 10px;} .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box a .meta .more-text{font-size: 12px; font-weight:normal; display: block; line-height:normal;} .sharonwee-promise ul {text-align:left; margin:70px 0px 25px 0px} .sharonwee-promise ul li {display:inline-block; vertical-align:top; padding: 0 15px 10px; margin-bottom:15px; border-bottom:4px solid transparent; cursor:pointer; } .sharonwee-promise ul li:hover, .sharonwee-promise ul li:active, .sharonwee-promise ul li:focus, .sharonwee-promise ul li.active {border-bottom: 4px solid #c6d8e2;} .sharonwee-promise ul li svg { fill:#819cab; width:auto; height:40px; } .sharonwee-promise ul li:nth-child(6) { /*width:90px;*/ } .sharonwee-promise .left-cont svg { fill:#819cab; width:auto; height:40px; margin-bottom:30px;max-height:40px; } .sharonwee-promise .left-cont img {width:auto; height:40px; max-height:40px;margin-bottom:36px; } .sharonwee-promise .classroom-slider h4 {margin-bottom: 20px;} .sharonwee-promise .classroom-slider p {font-size:16px;} .sharonwee-promise .classroom-slider p i {font-style:normal;} .sharonwee-promise .classroom-slider p a { text-decoration:none !important; border-bottom:1px solid #303233; } .sharonwee-promise .classroom-slider p a:hover, .sharonwee-promise .classroom-slider p a:focus, .sharonwee-promise .classroom-slider p a:active { border-bottom:1px solid transparent; } .sharonwee-promise .classroom-slider .slick-dots{ margin:0; position:relative;} .sharonwee-promise .classroom-slider .slick-dots li{ padding:0; border:none !important;} .sharonwee-promise .classroom-slider .slick-dots li button{width: 13px; height: 13px; border-radius: 20px; border: 2px solid #000; display: inline-block; background: transparent; opacity: 1;} .sharonwee-promise .classroom-slider .slick-dots li.slick-active button{ background:#000;} .sharonwee-promise .classroom-slider button.slick-prev{ display:none;} .sharonwee-promise .classroom-slider button.slick-next{ width:50px; height:50px;right: -60px; top:60%;} .sharonwee-promise .classroom-slider button.slick-next:before{ display:block; width:50px; height:50px; font-size:0px; color:#000; content:""; background:url(images/right-arw.svg)0 0 no-repeat;} .sharonwee-promise .right-cont {text-align:left;} .sharonwee-promise .right-cont img {width: 100%; max-width: 300px; } .single.single-product .shop-content { padding:40px 0;} .single.single-product .shop-content .container { padding:0px 0px; } .single.single-product .shop-content .sharonwee-promise { border-top:1px solid #ddd; padding-top:50px; } /*===================== Related Products =======================*/ .related-products{ display:inline-block; padding-top:48px; padding-bottom:0px; border-top:1px solid #ddd; width:100%; } .related-products .section-heading h2 { text-transform:capitalize; } .single.single-product #sidebar-footer{ margin-top:0;} .related-products ul{ text-align:center; } .single-product .related-products ul{margin-bottom:50px;} .single.single-product.woocommerce .shop-product.related-products ul li{ display:inline-block; float:none !important; vertical-align:top; padding:0px 0px !important; margin-bottom:0px !important; width:23% !important; position:inherit !important; left:auto !important; top:auto !important;} .related-products ul li h2{/*text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow:hidden;*/} .single.single-product .related-products .container{ max-width:991px;} .single.single-product.woocommerce .shop-product.related-products ul.products li.product .button{padding: 8px 10px;width: 100%;} .single.single-product.woocommerce .shop-product.related-products ul.products li.product .content .woocommerce-loop-product__title{ margin-bottom:5px;} .single.single-product.woocommerce .shop-product.related-products ul.products li.product .content .price{line-height: 32px !important;margin-bottom:10px;} .single.single-product.woocommerce .shop-product ul.products li.product > a.woocommerce-LoopProduct-link{height: 225px;overflow: hidden;} .single.single-product .advance{ text-align:left;margin-bottom: 20px;} .single.single-product .advance .dot span { background:url(images/cupcake.svg); background-repeat:no-repeat !important; background-position:center center !important; background-size:15px auto !important; display:inline-block; margin:0px 1px; width:20px; height:20px; opacity:1; } /*===================== Creation Classroom =======================*/ .page-template-classroom .hero-section-inner .section-heading{ margin-bottom:0;} .shop-product-classes{ padding-top:0;} .shop-product-classes ul.products{ padding:0; list-style:none;} .shop-product-classes ul.products li{ display:table; margin-bottom:60px; } .shop-product-classes ul.products li .whole-box:hover{box-shadow: 4px 14px 21px 0 rgba(7, 7, 7, 0.1); -webkit-box-shadow: 4px 14px 21px 0 rgba(7, 7, 7, 0.1);} .shop-product-classes ul.products li .whole-box{ display:table-row;transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;} .shop-product-classes ul.products li .whole-box .box{ display:block; vertical-align:top; width:50%;} .shop-product-classes ul.products li .whole-box .left-box{ /*padding-right:12px;*/ width:100%; margin-bottom:} .shop-product-classes ul.products li .whole-box .left-box img{ width:100%; object-fit:cover; height: 383px;} .shop-product-classes ul.products li:nth-child(4n+1) .booking-avail{ background:#ffefef;} .shop-product-classes ul.products li:nth-child(4n+2) .booking-avail{ background:#c5d8e1;} .shop-product-classes ul.products li:nth-child(4n+3) .booking-avail{ background:#fcefb9;} .shop-product-classes ul.products li:nth-child(4n+4) .booking-avail{ background:#e9f2b6;} .booking-avail{text-align:center; padding:10px; line-height:1.3;} .booking-avail span{ font-size:16px; font-weight:700; text-transform:uppercase;} .shop-product-classes ul.products li .whole-box .right-box{/*padding-left:15px;width: calc(100% - 205px); width: -webkit-calc(100% - 205px);*/ width:100%;} .shop-product-classes ul.products li .whole-box .right-box h3{ font-weight:41px; line-height:44px; height:86px; overflow:hidden;} .shop-product-classes ul.products li .whole-box .content{padding: 25px; text-align: center;} .shop-product-classes ul.products li .whole-box .content .product-desc{ margin-bottom:15px;} .shop-product-classes ul.products li .whole-box .content h3{ font-size:28px; line-height:34px; margin-bottom: 25px;} .shop-product-classes ul.products li .whole-box .content h3 a{color:#000;} .shop-product-classes ul.products li .whole-box .content .price{font-family: 'Sue Ellen Francisco', cursive; font-weight:400;} .shop-product-classes ul.products li .whole-box .content .advance{ margin-top:20px;} .shop-product-classes ul.products li .whole-box .right-box p{ margin-bottom:10px; height:170px; overflow:hidden;} .shop-product-classes ul.products li .whole-box .right-box .advance{ border:none; padding:0; line-height:1; text-align:left;} .price{font-size:18px !important; font-weight:600; color:#101010 !important; text-transform:uppercase;margin: 10px 0 15px;} .shop-product-classes ul.products.list-view li{ width:100%; display:block;} /*===================== Shop Detail Page =======================*/ .bookable-tabs{ margin-bottom:35px; } .bookable-tabs ul{ padding:0;} .bookable-tabs ul li{ list-style:none; margin-right:10px; display:inline-block; margin-bottom:10px;} .bookable-tabs ul li a{font-size: 37px; font-weight: 400; font-family:'Sue Ellen Francisco', cursive; background:#faf9f9; line-height: 38px; padding: 15px 50px; color:#101010; border:1px solid #faf9f9; display:block;} .bookable-tabs ul li a.tab-active, .bookable-tabs ul li a:hover, .bookable-tabs ul li a:focus, .bookable-tabs ul li a:active{ background:none; border:1px solid #101010;} .bookable-tabs .bookable_content{ background:#faf9f9; padding:60px 60px 25px;} .bookable-tabs .bookable_content p{color:#303233; margin-bottom:35px;} .single.single-product #content{ margin-top:115px;} .woocommerce-breadcrumb { background: rgba(0, 0, 0, 0);border:none; display: block; padding: 40px 15px 20px !important;text-transform: uppercase;color: #101010 !important; font-size: 13px !important; font-style: normal; font-weight: 400; line-height: 1.3; max-width: 1280px; width: 100%; margin:0 auto !important;} .woocommerce-breadcrumb a{ color: #101010 !important; font-size: 13px; font-style: normal; font-weight: 400; line-height: 1.3; padding: 0; text-transform: uppercase;} .single-product .summary form .quantity { margin-right:15px !important; } .single-product .summary form .quantity .qty { background:#fff; line-height:normal; width:90px; height:auto; padding:13px 15px; border:1px solid #dbdbdb; } .single-product .summary form button.button { font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; background:rgba(0,0,0,1); color:#fff; text-align:center; text-transform:none; letter-spacing:1px; line-height:normal; display:inline-block; padding:15px 30px; border:1px solid transparent; border-radius:0px; -webkit-border-radius:0px; width:auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .single-product .summary form button.button.wc-bookings-booking-form-button.disabled{background:rgb(16,16,16); opacity: 1; cursor:pointer;} .single-product .summary form button.button.disabled:hover{background:rgb(16,16,16,0.8);} .single-product .summary form button.button:hover{background:rgba(255,255,255,1);border:1px solid #000; color:#000;} .single-product .summary form button.button.wc-bookings-booking-form-button:focus{filter: invert(0);-webkit-filter: invert(0);} .single-product.woocommerce .product .product_title{ font-size:48px; line-height:54px; } .single-product.woocommerce .product .price { font-family:'Sue Ellen Francisco', cursive; font-size:48px!important; color:#474747 !important; font-weight:400; line-height:48px !important; margin:0px 0px 20px 0px; /*height:48px;*/ } .single-product.woocommerce .product .price span {} .single-product.woocommerce .product .yotpo { display:inline-block; margin-bottom:15px; width:100%; } .single-product.woocommerce .product .yotpo .text-m { font-size:14px; color:#000 !important; text-decoration:underline !important; margin-left:10px; } .single-product.woocommerce .product .yotpo .text-m:hover, .single-product.woocommerce .product .yotpo .text-m:focus, .single-product.woocommerce .product .yotpo .text-m:active { color:#000 !important; text-decoration:none !important; } .single-product.woocommerce .product .woocommerce-product-details__short-description { margin-bottom:30px; } .single-product.woocommerce .site-header{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);} .single-product .summary form.cart .added_to_cart{margin-left: 15px;padding: 13px 28px;border: 1px solid #101010; position:relative;font-size: 16px;font-weight: 400;background: rgba(0,0,0,1);box-shadow: 0 0 1px transparent; color: #fff; line-height:23px;text-transform: capitalize;} .single-product .summary form.cart .added_to_cart:after{ content:""; background:url("images/icon-arrow.png"); background-repeat:no-repeat; background-position:center center; background-size:auto auto; display:inline-block; vertical-align:middle; margin-left:20px; width:28px; height:14px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .single.single-product .content-wrapper .product{max-width: 1280px; width: 100%; margin:15px auto 0; padding:0 15px; } .single.single-product .content-wrapper .product .back-top-shop { margin-bottom:20px; } .single.single-product .content-wrapper .product .back-top-shop:before { content:"\f104"; font-family:FontAwesome; font-size:30px; color:#000; display:inline-block; margin-right:15px; } .single.single-product .content-wrapper .product .back-top-shop a { font-family:'Sue Ellen Francisco', cursive; font-size:24px; color:#000; line-height:normal; border-bottom:1px solid transparent; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .single.single-product .content-wrapper .product .back-top-shop a:hover, .single.single-product .content-wrapper .product .back-top-shop a:focus, .single.single-product .content-wrapper .product .back-top-shop a:active { border-bottom:1px solid #000; } .single.single-product .tabs-detail { display:inline-block; padding-top:50px; width:100%; } .single.single-product .tabs-detail .container { padding-left:0px; padding-right:0px; width:100%; } .single.single-product .related-products .container { padding-left:0px; padding-right:0px; } .single.single-product .tabs-detail .bookable-tabs .bookable_content_product{ margin-bottom: 60px;} .single.single-product .tabs-detail .bookable-tabs .bookable_content_product ul { text-align:left; padding-left:15px; } .single.single-product .tabs-detail .bookable-tabs .bookable_content_product ul li { list-style-type:disc; display:list-item; margin-right:0px; } .single.single-product .tabs-detail .bookable-tabs .bookable_content_product ol { padding-left:15px; } .single.single-product .tabs-detail .learning-outcomes ul{padding:0 0px 0 15px;} .single.single-product .tabs-detail .learning-outcomes ul li{ width:100%; line-height:30px; list-style-type:disc; display: list-item; } .single.single-product .woocommerce-product-gallery {} .single.single-product .woocommerce-product-gallery .product-selection {} .single.single-product .woocommerce-product-gallery .product-selection.wrapper-half { width:50%; float:left; } .single.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { display:inline-block; width:100%; min-height: 450px; } .bookable-product-date-section{ padding:20px 0; } .bookable-product-date-section .select-wrapper h4{ display:none;} .single-product .bookable-product-date-section .select-wrapper .select-booked-product{max-width:300px; width:100%; } form.cart .wc-bookings-booking-form{ display:none !important;} .single.single-product form.cart .advance{ margin-bottom:23px;} .single.single-product form.cart .price{ margin-bottom:30px;} .single.single-product form.cart .advance{ text-align:left; padding:0; border:none;} .dropdown { font-family:"Comfortaa",sans-serif; text-align:left; position:relative; } .dropdown > a { background:#fff; color:#101010; line-height:50px; font-weight:600; display:inline-block; padding:0px 60px 0px 10px; border:2px solid #101010; width:100%; height:50px; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .dropdown > a:after { content:"\f0d7"; font-family:FontAwesome; background:#101010; color:#fff; font-size:18px; text-align:center; line-height:46px; width:46px; height:46px; position:absolute; top:0px; right:0px; z-index:1; } .dropdown ul { background:#fff; font-size:14px; color:#101010; font-weight:600; padding:0px 0px !important; margin:0px 0px; position:absolute; top:50px; left:0px; z-index:1001; width:100%; box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; overflow-y:auto; } .dropdown.active ul { opacity:1; visibility:visible;max-height: 250px; } .dropdown ul > li { padding:3px 20px; cursor:pointer; list-style:none; } .dropdown ul > li:hover, .dropdown ul > li:focus, .dropdown ul > li:active { background:#101010; color:#fff; } /*.cart_totals .checkout-cart.floating-cart { position: fixed; top: 110px; width: 335px !important; } .woocommerce-checkout .col2-set .col-2 .cart_totals.floating-cart { position: fixed; top: 110px; } .woocommerce-page .cart-collaterals .floating-cart { padding:0px 30px; margin-top:-4px; border:1px solid #101010; position:fixed; top:110px; width:313px !important; }*/ /* checkout page */ body.woocommerce-checkout {} body.woocommerce-checkout .woocommerce-info { width:100%;} body.woocommerce-checkout .woocommerce-info a { color:#515151; border-bottom:1px solid #515151; } body.woocommerce-checkout .woocommerce-info a:hover, body.woocommerce-checkout .woocommerce-info a:focus, body.woocommerce-checkout .woocommerce-info a:active { color:#515151; border-bottom:1px solid transparent; } body.woocommerce-checkout .woocommerce-error::before{ top:14px;} body.woocommerce-checkout .woocommerce-info + form {} body.woocommerce-checkout .woocommerce-info + form .form-row {} body.woocommerce-checkout .woocommerce-info + form .form-row.form-row-first { /*width:calc(50% - 15px); width:-webkit-calc(50% - 15px);*/ } body.woocommerce-checkout .woocommerce-info + form .form-row.form-row-last { /*width:calc(50% - 15px); width:-webkit-calc(50% - 15px);*/ } body.woocommerce-checkout .woocommerce-info + form .form-row label { } body.woocommerce-checkout .woocommerce-info + form .form-row label .required {} body.woocommerce-checkout .woocommerce-info + form .form-row .button { margin-right:15px; } body.woocommerce-checkout .woocommerce-info + form.login .form-row { margin-bottom:15px; } body.woocommerce-checkout .woocommerce-info + form.login .lost_password { margin-bottom:0px; } body.woocommerce-checkout .woocommerce-info + form.login .lost_password a { color:#515151; text-decoration:none !important; border-bottom:1px solid #515151; } body.woocommerce-checkout .woocommerce-info + form.login .lost_password a:hover, body.woocommerce-checkout .woocommerce-info + form.login .lost_password a:focus, body.woocommerce-checkout .woocommerce-info + form.login .lost_password a:active { color:#515151; border-bottom:1px solid transparent; } body.woocommerce-checkout form {} body.woocommerce-checkout form .form-row { padding:0px 0px; } body.woocommerce-checkout form .form-row.form-row-first { width:calc(50% - 15px) !important; width:-webkit-calc(50% - 15px) !important; float:left !important; } body.woocommerce-checkout form .form-row.form-row-last { width:calc(50% - 15px) !important; width:-webkit-calc(50% - 15px) !important; float:right !important; } body.woocommerce-checkout form .form-row label { font-size:14px; color:#303233 !important; font-weight:600; } body.woocommerce-checkout form .form-row label .required { font-weight:600; } body.woocommerce-checkout form .form-row .input-text { background:#fff; padding-left:15px; padding-right:15px; border:1px solid #d3ced2 !important; text-overflow:ellipsis; } body.woocommerce-checkout form .form-row .button { font-family:'Open Sans', sans-serif; background:rgba(16,16,16,1); font-size:16px; color:#fff; font-weight:400; text-align:center; text-transform:capitalize; letter-spacing:1px; line-height:normal; display:inline-block; padding:13px 28px; border:1px solid #101010; border-radius:0px; -webkit-border-radius:0px; width:auto; } body.woocommerce-checkout form .form-row .button:hover, body.woocommerce-checkout form .form-row .button:focus, body.woocommerce-checkout form .form-row .button:active { background:rgba(16,16,16,0.9); color:#fff; } body.woocommerce-checkout form .form-row .input-checkbox { position:inherit; } body.woocommerce-checkout form #billing_address_2_field.form-row { margin-top:15px; } body.woocommerce-checkout form .form-row#product_order_comment_field_field { display:flex; flex-flow:row wrap; } body.woocommerce-checkout form .form-row#product_order_comment_field_field > label { order:1; } body.woocommerce-checkout form .form-row#product_order_comment_field_field > textarea { order:3; } body.woocommerce-checkout form .form-row#product_order_comment_field_field > .description { line-height:normal; margin-bottom:15px; order:2; } body.woocommerce-checkout form .form-row .select2-container--default .select2-selection--single { line-height:51px; border:1px solid #d3ced2; height:53px; border-radius:0px; -webkit-border-radius:0px; } body.woocommerce-checkout form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:51px; padding:0px 30px 0px 15px; } body.woocommerce-checkout form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { top:14px; right:10px; } body.woocommerce-checkout form .form-row.woocommerce-invalid {} body.woocommerce-checkout form .form-row.woocommerce-invalid .input-text { border-color:#AA0000 !important; } body.woocommerce-checkout form.checkout { display:inline-block; width:100%; } body.woocommerce-checkout form.checkout #customer_details { margin:0px 0px; width:100%; } body.woocommerce-checkout #customer_details {} body.woocommerce-checkout #customer_details h1 { font-size:58px; line-height:60px; font-weight:700; } body.woocommerce-checkout #customer_details h3 { font-size:37px; line-height:40px; margin:30px 0px; } body.woocommerce-checkout #customer_details .col-1 { width:100% ;} body.woocommerce-checkout #customer_details .col-2 { width:100%;} #ship-to-different-address{ display:none;} body.woocommerce-checkout #customer_details .col-2 .cart_totals { /*position: fixed; top: 180px; z-index: 9;*/ background:#fff; width:100%;font-family:'Sue Ellen Francisco', cursive;} body.woocommerce-checkout #customer_details .col-2 .cart_totals p{ font-size: 22px; } body.woocommerce-checkout #customer_details .woocommerce-billing-fields {} body.woocommerce-checkout #customer_details .woocommerce-billing-fields h3 { margin-top:0px; } body.woocommerce-checkout #customer_details #order_review {} body.woocommerce-checkout #customer_details #order_review #payment { background:none; border-radius:0px; -webkit-border-radius:0px; } body.woocommerce-checkout #customer_details #order_review #payment .payment_methods { padding:0px 0px; border:none; } body.woocommerce-checkout #customer_details #order_review #payment .payment_methods .payment_box { background:#f7f6f7; } body.woocommerce-checkout #customer_details #order_review #payment .payment_methods .payment_box:before { border-bottom-color:#f7f6f7; } body.woocommerce-checkout #customer_details #order_review #payment .place-order { display:none; } body.woocommerce-checkout #customer_details .cart_totals.floating-cart {} body.woocommerce-checkout #customer_details .cart_totals { padding:30px 30px; border:1px solid #101010; width:313px; } body.woocommerce-checkout #customer_details .cart_totals .cart-table-title { font-family:'Sue Ellen Francisco', cursive; font-size:37px; color:#101010; font-weight:400; line-height:40px; } body.woocommerce-checkout #customer_details .cart_totals table { margin:20px 0px; } body.woocommerce-checkout #customer_details .cart_totals table tr { font-size:24px;} body.woocommerce-checkout #customer_details .cart_totals table tr th { text-align:left; } body.woocommerce-checkout #customer_details .cart_totals table tr td { text-align:right; } body.woocommerce-checkout #customer_details .cart_totals table tr th, body.woocommerce-checkout #customer_details .cart_totals table tr td { background:#fff; font-weight:600; padding:10px 0px; border:none; width:50%; } body.woocommerce-checkout #customer_details .cart_totals table tr.order-total { font-size:24px; text-transform:uppercase; } body.woocommerce-checkout #customer_details .cart_totals .place-order { margin:0px 0px; } body.woocommerce-checkout #customer_details .cart_totals .place-order .button { width:100%; text-align:center;font-family:'Sue Ellen Francisco', cursive; font-size:28px; padding:0; } body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup {} body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup ul { padding:16px 15px 16px 55px; margin-left:0px; } body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup ul li { line-height:normal; margin-bottom:5px; } body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup ul li:last-child { margin-bottom:0px; } body.woocommerce-checkout .entry-footer { margin:0px 0px; } body.woocommerce-checkout #customer_details .cart_totals #ship-to-different-address { width:100%; } body.woocommerce-checkout #customer_details .cart_totals #ship-to-different-address label { margin:0px 0px; } body.woocommerce-checkout #customer_details .cart_totals #ship-to-different-address label input { display:inline-block; vertical-align:top; margin:15px 0px 0px 0px; width:20px; position:inherit; } body.woocommerce-checkout #customer_details .cart_totals #ship-to-different-address label span { display:inline-block; vertical-align:top; width:calc(100% - 35px); width:-webkit-calc(100% - 35px); } body.woocommerce-checkout .footer-signup-tutorials{ display:none;} /* lost password */ body.woocommerce-lost-password {} .header-bg .site-header:not(.float-header) { border-bottom:1px solid #eee; } body.woocommerce-lost-password .entry-footer { margin-top:0px; } body.woocommerce-lost-password #content, body.page-id-10 #content { margin-top:115px; } body.woocommerce-lost-password form.lost_reset_password { margin:6vw 0px; } /* body.woocommerce-lost-password form.lost_reset_password .form-row label { font-size:14px; color:#303233 !important; font-weight:600; } body.woocommerce-lost-password form.lost_reset_password .form-row label .required { font-weight:600; } body.woocommerce-lost-password form.lost_reset_password .form-row .input-text { background:#fff; padding-left:15px; padding-right:15px; border:1px solid #d3ced2 !important; max-width:440px; text-overflow:ellipsis; } body.woocommerce-lost-password form.lost_reset_password .form-row .button { font-family:'Open Sans', sans-serif; background:rgba(16,16,16,1); font-size:16px; color:#fff; font-weight:300; text-align:center; text-transform:capitalize; letter-spacing:1px; line-height:normal; display:inline-block; padding:13px 28px; border:1px solid #101010; border-radius:0px; -webkit-border-radius:0px; width:auto; } body.woocommerce-lost-password form.lost_reset_password .form-row .button:hover, body.woocommerce-lost-password form.lost_reset_password .form-row .button:focus, body.woocommerce-lost-password form.lost_reset_password .form-row .button:active { background:rgba(16,16,16,0.9); color:#fff; }*/ /* order recieved */ body.woocommerce-order-received {} body.woocommerce-order-received #main h2 { font-size:46px; font-weight:700; line-height:48px; } body.woocommerce-order-received #main h3 {} body.woocommerce-order-received .button { font-family:'Open Sans', sans-serif; background:rgba(16,16,16,1); font-size:16px; color:#fff; font-weight:300; text-align:center; text-transform:capitalize; letter-spacing:1px; line-height:normal; display:inline-block; padding:13px 28px; border:1px solid #101010; border-radius:0px; -webkit-border-radius:0px; width:auto; } body.woocommerce-order-received .button:hover, body.woocommerce-order-received .button:focus, body.woocommerce-order-received .button:active { background:rgba(16,16,16,0.9); color:#fff; } body.woocommerce-order-received .button:hover:after, body.woocommerce-order-received .button:focus:after, body.woocommerce-order-received .button:active:after { filter:invert(0); -webkit-filter:invert(0); } body.woocommerce-order-received table {} body.woocommerce-order-received table tr {} body.woocommerce-order-received table tr th {} body.woocommerce-order-received table tr td {} body.woocommerce-order-received table tr th, body.woocommerce-order-received table tr td {} body.woocommerce-order-received table tr .product-name { width:auto !important; } body.woocommerce-order-received table tr .product-total {} body.woocommerce-order-received table tr.order_item .product-name { padding-left:12px; padding-right:12px; } body.woocommerce-order-received table tr.order_item .product-name a { font-size:30px; } body.woocommerce-order-received table tr.order_item .product-total { padding-left:12px; padding-right:12px; } body.woocommerce-order-received .woocommerce-order-details { display:none; } #customer_details .woocommerce-billing-fields .woocommerce-additional-fields { clear: both; padding-top: 10px;} .woocommerce a.button.added:after{ vertical-align: middle; content:'';margin-left: 20px;font-family: inherit;} /* instagram */ .instagram-section { padding-bottom:0px; background:#faf8f9; } .instagram-section .section-heading{ margin-bottom:40px;} #sb_instagram {} #sb_instagram #sbi_load { padding:0px 0px !important; } .instagram-section .sbi_loader{display:none !important;} .page-template-work-with-us .instagram-section{ background:#fff; } /*====================== Contact Page ========================*/ .contact-header .section-heading{ margin-bottom:0;} .contact-header h2{ line-height:1.4; margin-top:10px;} .after-header .container{ max-width:992px; width:100%; margin:0 auto;} .after-header .img{ width:123px; margin-right:20px; float:left;} .after-header h4{ font-size:36px; line-height:44px; float:left; width:calc(100% - 143px); width:-webkit-calc(100% - 143px);margin-top: 15px;} .contact-form{ background:#faf9f9;} .contact-form h2{ margin-bottom:30px;} .contact-form .sub-text{ text-align:center;} .contact-form .sub-text p{font-family: 'Open Sans', sans-serif;font-size: 22px;font-weight: 400;margin-bottom: 50px; max-width:660px; line-height:1.4; display:inline-block;} .contact-form .cont-list{ margin-bottom:65px;} .contact-form .cont-list:first-child{ display:none;} .contact-form .cont-list:last-child{ margin-bottom:0;} .contact-form .left-info{ width:86px; margin-right:25px; display:inline-block; vertical-align:top;} .contact-form .right-info{ width:calc(100% - 117px); width:-webkit-calc(100% - 117px); display:inline-block; vertical-align:top;} .contact-form .right-info h5{ margin-bottom:0;} .contact-form .right-info span{ font-size:16px; font-weight:600;} .contact-form .right-info .social-icon{ margin-top:10px;} .contact-form .tab-wrapper { margin-bottom:40px; } .contact-form .tab-wrapper li { font-family:'Sue Ellen Francisco', cursive; font-size:26px; font-weight:400; letter-spacing:1px; line-height:36px; display:inline-block; vertical-align:middle; padding:10px 10px; margin:7px 5px 7px 5px; border:2px solid #dedee3; width:auto; min-width:140px; max-width:200px; cursor:pointer; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .contact-form .tab-wrapper li:hover, .contact-form .tab-wrapper li:focus, .contact-form .tab-wrapper li:active, .contact-form .tab-wrapper li.active { border-color:#cbb872; } .contact-form .left-cont {} .contact-form .left-cont h2 { margin-bottom:30px; } .contact-form .left-cont ul { list-style:disc; padding-left:20px; margin-bottom:30px; } .contact-form .left-cont ul li {} .contact-form .right-cont {} .contact-form .right-cont form {} .contact-form .right-cont form p {} .contact-form .right-cont form label {} .contact-form .right-cont form .wpcf7-form-control-wrap { /*display:inline-block; width:100%;*/ } .contact-form .right-cont form .wpcf7-form-control-wrap .wpcf7-form-control { /*border:1px solid #919191; width:100%;*/ } .inquery-section{ background:url(images/contact-botton-bg.jpg)0 0 no-repeat; background-size:100% 100%; padding-bottom:150px;} .right-cont{ padding-left:50px;} .left-cont{ padding-right:50px;} .global-form{} .global-form form{} .global-form form input{ border:1px solid #919191; background:#ffffff; height:45px;font-weight:400; font-size:16px; color:#8e999e; width:100%;} .global-form form input:focus{border:1px solid #919191;background:#ffffff;} .global-form form input [type="number"]{ appearance:none; -webkit-appearance:none;appearance:textfield;-moz-appearance:textfield;} .global-form form textarea{ border:1px solid #919191; background:#ffffff; font-weight:400; font-size:16px; color:#8e999e;} .global-form form p{ margin-bottom:10px;} .global-form form label{ font-weight:400; font-size:16px; color:#303233; width:100%;} .global-form form input.button{background: rgba(0, 0, 0, 1) url("images/icon-arrow.png") no-repeat scroll calc(100% - 30px) center; border: 1px solid #101010; border-radius: 0; color: #fff; line-height: normal; padding:13px 80px 13px 30px; position: relative;text-transform: none; transform: perspective(1px) translateZ(0px);transition-duration: 0.3s; transition-property: color; width: auto; height:auto;} div.wpcf7-validation-errors{ border:1px solid red; color:red;} div.wpcf7-validation-success{border:1px solid green; color:green;} /* cake calculator */ body.page-template-cake-calculator #content section { padding:50px 0px; } body.page-template-cake-calculator .hero-section-inner { padding:30px 0px; } .calculator-works-section { padding:0px 0px !important; } .calculator-works-section .inner { padding:50px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .calculator-works-section .left {} .calculator-works-section .right {} .calculator-works-section ul.info { list-style:none; padding:0px 0px; margin:0px 0px; } .calculator-works-section ul.info li { font-weight:600; font-style:italic; margin-bottom:10px; } .calculator-works-section ul.info li:last-child { margin-bottom:0px; } .calculator-works-section ul.info li a { margin-right:15px; } .calculator-works-section ul.info li i { font-weight:400; } .calculator-cake-section {} .calculator-cake-section .subtitle { padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ccc; } .calculator-cake-section .cake-wrapper {} .calculator-cake-section .image-wrapper { text-align:center; } .calculator-cake-section .image-wrapper img { margin-top:90px; } .calculator-cake-section .ice-wrapper {} .calculator-cake-section .ice-wrapper .checkbox { margin:20px 0px; } .calculator-form-wrapper { margin-bottom:50px; } .calculator-form-wrapper label { font-size:14px; color:#101010; font-weight:600; line-height:normal; margin:15px 0px 5px 0px; width:100%; } .calculator-form-wrapper input { background:#fff; color:#101010; line-height:44px; padding:0px 15px; border:1px solid #101010 !important; width:100%; height:46px; text-overflow:ellipsis; } .calculator-form-wrapper .dropdown { display:inline-flex; width:100%; } .calculator-form-wrapper .dropdown > a { font-family:"Open Sans",sans-serif; font-weight:300; line-height:44px; padding:0px 46px 0px 15px; border:1px solid #101010; height:46px; } .calculator-form-wrapper .dropdown > a:after { content:"\f107"; font-family:FontAwesome; background:none; color:#101010; } .calculator-form-wrapper .dropdown > ul { height:auto; max-height:200px; top:46px; } .calculator-form-wrapper .dropdown > ul li { font-family:"Open Sans",sans-serif; font-weight:300; line-height:normal; padding:5px 15px; } .calculator-form-wrapper input[type="checkbox"] { line-height:normal; display:inline-block; vertical-align:top; margin:0px 10px 0px 0px; width:auto; height:auto; position:inherit; top:6px; outline:none; } .calculator-form-wrapper input[type="checkbox"] + label { font-size:inherit; font-weight:300; line-height:normal; display:inline-block; vertical-align:top; padding:0px 0px; margin:0px 0px; width:auto; } .calculator-recipe-section { padding:0px 0px !important; } .calculator-recipe-section .inner { padding-bottom:50px; } .calculator-recipe-section .recipe-wrapper { padding-top:50px; margin-bottom:50px; border-top:1px solid #ccc; } .calculator-recipe-section .recipe-wrapper:last-child { margin-bottom:0px; } .calculator-recipe-section .recipe-wrapper h5 {} .calculator-recipe-section .recipe-wrapper p {} .calculator-recipe-section .recipe-wrapper .subtitle { padding-bottom:15px; border-bottom:1px solid #ccc; } .calculator-recipe-section .recipe-wrapper .ingredients { margin-top:30px; } .calculator-recipe-section .recipe-wrapper .steps { margin-top:30px; } .calculator-recipe-section .recipe-wrapper table {} .calculator-recipe-section .recipe-wrapper table tr {} .calculator-recipe-section .recipe-wrapper table tr th, .calculator-recipe-section .recipe-wrapper table tr td { vertical-align:top; padding:2px 15px; border:none; } .calculator-recipe-section .recipe-wrapper table tr td:first-child { padding-left:0px; min-width:85px; } .calculator-recipe-section .recipe-wrapper table tr td:last-child { padding-right:0px; } .calculator-recipe-section .recipe-wrapper ol { padding-left:18px; } .calculator-recipe-section .recipe-wrapper ol li { line-height:normal; margin-bottom:15px; } .calculator-recipe-section .recipe-wrapper ol li:last-child { margin-bottom:0px; } /* about us */ .about-section { padding:0px 0px; } .about-section .about-row { padding:70px 0px; } .about-section .about-row:first-child { /*padding-top:0px;*/ } .about-section .about-row:last-child { /*padding-bottom:0px;*/ } .about-section .about-row:nth-child(2n+1) { background:url("images/chocolate-element-img1.png"); background-repeat:no-repeat; background-size:auto auto; background-position:left center; } .about-section .about-row:nth-child(2n) { background:#faf8f9; } .about-section .about-row .img {} .about-section .about-row .content {} /* faq */ .faq-section {} .faq-section .left-panel { width:380px; } .faq-section .left-panel ul { list-style:none; padding:0px 0px; margin:0px 0px; } .faq-section .left-panel ul li { margin-bottom:15px; } .faq-section .left-panel ul li a { background:#faf8f9; text-align:center; display:inline-block; padding:12px 15px; border:1px solid transparent; width:100%;} .faq-section .left-panel ul li a h5 { margin:0px 0px; } .faq-section .left-panel ul li.active {} .faq-section .left-panel ul li.active a { background:#fff; border:1px solid #101010; } .faq-section .left-panel ul li a:hover, .faq-section .left-panel ul li a:focus, .faq-section .left-panel ul li a:active { background:#fff; border:1px solid #101010; } .faq-section .right-panel { width:calc(100% - 380px); width:-webkit-calc(100% - 380px); } .faq-section .right-panel .content-wrapper { margin-bottom:30px; border-bottom:1px solid #f1f1f1; } .faq-section .right-panel .content-wrapper:last-child { margin-bottom:0px; border-bottom:none; } .faq-section .right-panel .content-wrapper h2 {} .faq-section .right-panel .content-wrapper .inner-wrapper {} .faq-section .right-panel .content-wrapper .inner-wrapper .repeater { margin-bottom:30px; } .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .question {} .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer {} .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer p {} .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer p:last-child {} .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer p a { /*color:#303233; border-bottom:1px solid #303233;*/ } .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer p a:hover, .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer p a:focus, .faq-section .right-panel .content-wrapper .inner-wrapper .repeater .answer p a:active { /*color:#303233; border-bottom:1px solid transparent;*/ } .faq-section .left-panel.fixed {} .faq-section .left-panel.fixed ul { width:350px; position:fixed; top:150px; } /* Cart Hover */ /*.mini_cart_hover{ max-width:400px; width:100%; height:100vh; position:fixed; right:0; background:#fff; z-index:9999; top:0px; display:none; box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.05); }*/ .mini_cart_hover{ max-width:400px; width:100%; height:100vh; position:fixed; transition:0.5s; overflow-x: hidden; right:-400px; background:#fff; z-index:9999; top:0px; box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.05); } .mini_cart_hover.mini-cart-open{ display:block !important;-webkit-transform: translateX(-400px);-moz-transform: translateX(-400px);-ms-transform: translateX(-400px);-o-transform: translateX(-400px);transform: translateX(-400px);} .mini_cart_hover .cart-header{ background:#000; padding:35px 20px;} .mini_cart_hover .cart-header h3{ float:left; margin-bottom:0; color:#fff; font-size:38px;} .mini_cart_hover .cart-header .closebtn{ float:right;color:#fff; font-size: 58px; font-weight: 600; margin-top: 5px;} .mini_cart_hover .cart_list{ padding:45px 25px;height:400px; overflow: auto; list-style:none; max-height:calc(100vh - 370px); max-height:-webkit-calc(100vh - 370px); } .mini_cart_hover .cart_list li{ margin-left:0; margin-bottom:30px;} .mini_cart_hover .cart_list li, .mini_cart_hover .cart_list li a{ font-family:'Sue Ellen Francisco', cursive; font-size:20px; color:#101010; font-weight:400; line-height:32px; } .mini_cart_hover .cart_list li .thumbnail_image{ float:left; display:inline-block; margin-right:20px; width:100px; } .mini_cart_hover .cart_list li .thumbnail_image img{height:150px; object-fit:cover; width:100px;} .mini_cart_hover .cart_list li .product-name{display:inline-block; width:calc(100% - 120px); width:calc(100% - 120px); text-align:left;} .mini_cart_hover .cart_list li .product-name .quantity { font-size:30px; font-weight:400; display:inline-block; margin-top:15px; width:100%; } .mini_cart_hover .cart_list li .remove{ display:none;} .mini_cart_hover p.total{font-family:'Sue Ellen Francisco', cursive; font-size: 31px; padding: 20px 0; text-align: center;clear: both; display: block;} .mini_cart_hover p.buttons{ text-align:center;} .mini_cart_hover p.buttons .button{font-family:'Sue Ellen Francisco', cursive; font-size:30px; text-align:center !important; padding:0 15px;} .mini_cart_hover p.buttons .button:after{ background:none; width:0; margin-left:0;} .mini_cart_hover p.buttons .button:last-child{ background:none; color:#000; text-decoration:underline; border:none; display:block;} .cart-overlay{ position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:9995; top:0; left:0; display:none;} /* Header Search */ .topbar-nav{ position:relative;} .topbar-nav .search-section{ position:absolute; right: 49px; top: -2px; z-index:9; width:50vw; max-width:220px; } .topbar-nav .search-section form {} .topbar-nav .search-section .search-form { display:inline-block; width:100%; } .topbar-nav .search-section .search-form input[type="text"]{background: #fff; border-radius: 0; -webkit-border-radius: 0; color: #3e3e3e; float: left; font-size: 14px; height: 32px; line-height: 32px; text-align: left; transition: border-color 250ms ease 0s; vertical-align: top; margin:0px -1px 0px 0px; padding:0px 15px; width:calc(100% - 35px); width:-webkit-calc(100% - 35px); text-overflow:ellipsis; } .topbar-nav .search-section .search-form input[type="text"]:focus{border: 1px solid #dbdbdb;} .topbar-nav .search-section .search-form input[type="submit"]{ background:#000 url("images/icon-search-white.png") no-repeat scroll center center; border: medium none; border-radius: 0; -webkit-border-radius: 0; color: #fff; cursor: pointer; float: left;font-size: 0; height: 32px; padding: 0 0px; vertical-align: top; width:35px; text-align:center; } .search .hero-section-inner{ margin-bottom:50px;} .search .product header .entry-title a{ font-size:32px;} .search #searchOptions{text-align: center;} .search #searchOptions input['type=radio']{display: inline-block;} .search #searchOptions input[type=radio] { position: absolute; visibility: hidden; display: none;} .searchs-no-results .search-field { display: none; } .search #searchOptions label { background:#fff; color: #000000; display: inline-block; cursor: pointer; font-weight: bold; margin-bottom: 0; padding: 5px 5px; margin:0px 0px !important; width:33.33%; text-align:center; float:left; } .product #searchOptions label.one{ background: #000!important; color: #f1f1f1;} .post #searchOptions label.two{ background: #000; color: #f1f1f1;} .classes #searchOptions label.three{ background: #000; color: #f1f1f1;} .search #searchOptions input[type=radio]:checked + label { color: #f1f1f1; background: #444; ;} .search #searchOptions label + input[type=radio] + label { border-left: solid 2px #000000; margin-left: -5px;} .search #searchOptions .radio-group { border: solid 2px #000000; display: inline-block; margin:20px 0px; border-radius: 5px; overflow: hidden; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); max-width:350px; background:#000; } li.product_r{ list-style: none; !important} .woocommerce_r .shop-product .products{ margin-right: -10px; margin-top: 25px;} .search .shop-product { margin-bottom:0px !important; } .search .shop-product li{ text-align:center; list-style: none; } .searchpage .search-field{ text-align: center; margin-bottom: 12px; } .searchpage .s{ margin-right: -5px; border: none !important; background: #fff; border-bottom: 1px solid #000 !important; padding-left:0px; text-overflow:ellipsis; } .searchpage #searchsubmit{ background: #000 url("images/icon-search-white.png") no-repeat scroll center center; border-color: #000; color: transparent; padding: 11px 9px; } .search-field .searchpage .s::placeholder{ color: #000; font-style: italic; } @media(max-width:280px){ .search #searchOptions label{ width: 100%; } .search #searchOptions .radio-group{ margin: 35px; } .search .search-field .searchpage .s{ width: 50%; } } @media(min-width: 280px) and (max-width: 540px){ .product_r{width: 100%!important; padding: 15px!important;} } @media(min-width: 541px) and (max-width: 780px){ .product_r{width: 48%!important ;padding: 15px!important;} } @media(min-width: 781px) and (max-width: 960px){ .product_r{ width: 31%!important ;padding: 0 0 30px 0 !important; font-size: 12px; } .product_r .content{ padding: 0 !important;} } @media(min-width:961px) and (max-width:1024px){ button[type="submit"], .woocommerce a.button, .button{ padding: 6px 15px!important; font-size: 15px!important; } } .pagination .nav-links{ margin-bottom:50px;} .pagination .nav-links .page-numbers{ background: rgba(0, 0, 0, 0); border: 1px solid #101010; height: 40px; margin: 0 5px; width: 40px; border-radius:0; color:#101010;} .pagination .nav-links .page-numbers.current{background: #101010; color: #fff;border:#101010 solid 1px;} .pagination .nav-links .page-numbers.next, .pagination .nav-links .page-numbers.prev{ width:auto;} .pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers:focus, .pagination .nav-links .page-numbers:active{ background: #101010; color: #fff; border:#101010 solid 1px;} .home .hero-section .content{ padding-bottom:240px;} .home .hero-section .content h1{ margin-bottom:20px;} .home .hero-section .content .button{ margin:20px 7px 0;} .page-id-524 .after-header .sub-text{ text-align:center;} .page-id-524 .contact-form{} .woocommerce-tc a {text-decoration: underline;} .woocommerce-tc a:hover, .woocommerce-tc lable a:active, .woocommerce-tc lable a:focus{text-decoration:none;} .terms-conditions-popup {max-width:750px; width:100%; padding: 50px; box-sizing: border-box; margin: 0 auto; background: #fff; position: fixed; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto; max-height: calc(100vh - 30px); overflow-y: auto; width: calc(100vw - 30px);} .terms-conditions-popup-inner {} .terms-conditions-popup-inner h1 {text-align:center;} .terms-conditions-popup-inner h3{font-weight: 600; margin: 40px 0px 0px 0px;} .terms-conditions-popup-inner ul {padding: 0px;} .terms-conditions-popup-inner ul li {line-height: 25px; margin-bottom: 15px;} .terms-conditions-popup-overlay {background: rgba(0,0,0,0.8); z-index: 9999; overflow-y: auto; bottom: 0; left:0; right:0; top:0; position: fixed ; width: 100% } .close img {width:20px; height:20px; position: absolute; right: 20px; top: 20px; cursor: pointer;} /* sidebar cart */ .mini_cart_hover {} .mini_cart_hover .show-on-cart { display:none !important; } .mini_cart_hover .show-on-pages { display:block !important; } body.page-id-8 .mini_cart_hover .show-on-pages { display:none !important; } body.page-id-8 .mini_cart_hover .show-on-cart { display:block !important; } body.woocommerce-checkout .mini_cart_hover .show-on-pages { display:none !important; } body.woocommerce-checkout .mini_cart_hover .show-on-cart { display:block !important; } .mini_cart_hover {} .mini_cart_hover .cart-content-wrapper {} .mini_cart_hover .cart-content-wrapper .close-sidebar { text-align:center; width:36px; height:36px; position:absolute; top:25px; right:15px; z-index:1; } .mini_cart_hover .cart-content-wrapper .close-sidebar:before { content:""; background:#fff; display:inline-block; width:5px; height:36px; position:relative; right:-3px; transform:rotate(45deg); -webkit-transform:rotate(45deg); border-radius:5px; -webkit-border-radius:5px; } .mini_cart_hover .cart-content-wrapper .close-sidebar:after { content:""; background:#fff; display:inline-block; width:5px; height:36px; position:relative; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border-radius:5px; -webkit-border-radius:5px; } .mini_cart_hover .cart-content-wrapper .widgettitle { background:#000; font-size:36px; color:#fff; line-height:60px; padding:15px 55px 15px 15px; margin-bottom:15px; } .mini_cart_hover .cart-content-wrapper .product-added { background:#e0efd8; padding:15px 15px; margin-top:-15px; margin-bottom:15px; } .mini_cart_hover .cart-content-wrapper .product-added h5 { color:#3d6438; line-height:1.4; margin-bottom:0px; font-size:23px; } .mini_cart_hover .cart-content-wrapper .cart_list { padding:0px 15px; overflow-x:hidden; overflow-y:auto; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item { padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; border-bottom:1px dashed #ddd; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item:last-child { padding-bottom:0px; margin-bottom:0px; border-bottom:none; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item:before {} .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item > a { display:inline-block; width:100%; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-img { display:inline-block; vertical-align:top; width:100px; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-img img { margin:0px 0px; width:auto; max-width:100%; height:auto; max-height:100%; float:none; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-desc { display:inline-block; vertical-align:top; padding-left:15px; width:calc(100% - 107px); width:-webkit-calc(100% - 107px); } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-desc p { font-size:24px; color:#222; font-weight:400; line-height:32px; margin:-2px 0px 15px 0px; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-desc .quantity { font-size:28px; color:#000; font-weight:600; text-transform:uppercase; line-height:30px; display:inline-block; height:auto; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-desc .quantity .amount { display:inline-block; height:auto; } .mini_cart_hover .cart-content-wrapper .cart_list .mini_cart_item .mini-desc .variation { display: block; padding-left: 0; border-left: 0;} .mini_cart_hover .cart-content-wrapper ul.cart_list li.empty { font-size:30px; color:#000; line-height:normal; text-align:center; padding:0px 0px; } .mini_cart_hover .cart-content-wrapper .cart-footer { padding:0px 15px; margin:15px 0px 0px 0px; } .mini_cart_hover .cart-content-wrapper .cart-footer .total { border-top:1px dashed #ddd; padding:25px 0px 0px 0px; margin:0px 0px 25px 0px; } .mini_cart_hover .cart-content-wrapper .cart-footer .total strong { font-size:24px; color:#222; font-weight:400; line-height:32px; margin-right:10px; } .mini_cart_hover .cart-content-wrapper .cart-footer .total .amount { font-size:36px; color:#000; font-weight:600; } .mini_cart_hover .cart-content-wrapper .cart-footer .buttons {} .mini_cart_hover .cart-content-wrapper .cart-footer .buttons a.checkout { margin:0px 0px 15px 0px; min-width:200px; } .mini_cart_hover .cart-content-wrapper .cart-footer .buttons a.view-cart { text-decoration:underline; display:inline-block; padding:0px 0px; margin:0px 0px; width:auto; } .mini_cart_hover .cart-content-wrapper .cart-footer .buttons a.view-cart:hover, .mini_cart_hover .cart-content-wrapper .cart-footer .buttons a.view-cart:focus, .mini_cart_hover .cart-content-wrapper .cart-footer .buttons a.view-cart:active { text-decoration:none; } .single.single-post .entry-content p a { border-bottom:1px solid #303233; } .single.single-post .entry-content p a:hover, .single.single-post .entry-content p a:focus, .single.single-post .entry-content p a:active { border-bottom:1px solid transparent; } .single.single-post .entry-content blockquote {position: relative; padding: 0px 0px 0px 50px; background: none; border: none; font-size: 16px; font-weight: 400; font-style: italic;} .single.single-post .entry-content blockquote:before {content: "\f10d"; font-size: 30px;font-family: FontAwesome; color: #888; position: absolute; top: 5px; left: 0px; } .single.single-post .entry-content blockquote p {font-size:inherit;} .single.single-post .entry-content p a { text-decoration: underline; color: #3c3c3c; border-bottom:none;} .single.single-post .entry-content p a:hover, .single.single-post .entry-content p a:focus, .single.single-post .entry-content p a:active {color:#3c3c3c; text-decoration:none; border-bottom:none;} .single.single-post .entry-content {} .single.single-post .entry-content ul {font-size: inherit; color: inherit;} .single.single-post .entry-content ul li {list-style:circle; margin-bottom:2px; } .single.single-post .entry-content ol {font-size: inherit; color: inherit;} .single.single-post .entry-content ol li { margin-bottom:2px; } .single.single-post .post-thumb { background:#efefef; text-align:center; display:table; padding:15px 15px; margin:0px auto 30px auto; max-width:435px; display:none; } .single.single-post .post-thumb img { display:inline-block; margin:0px 0px; width:100%; max-height:550px; } .single.single-post .entry-content .wp-caption-img {text-align:center; padding: 15px; background: #efefef; margin: 0 auto 30px auto; display: table; max-width: 435px;} .single.single-post .entry-content .wp-caption-img a {display: inline-block;} .single.single-post .entry-content .wp-caption-img img {margin: 0px 0px; max-height: 550px; display: inline-block; width: 100%;} .single.single-post .entry-content .wp-caption-img figure { margin:0px 0px; width: auto !important;} .single.single-post .entry-content .wp-caption-img .wp-caption-text {color: #3c3c3c; font-size: 13px; line-height: normal; padding: 0px 0px; margin: 15px 0px 0px 0px; text-align: center;} .single.single-post .entry-content .wp-caption-img .wp-caption-text a {color: #3c3c3c; font-size: 13px; line-height: normal; text-decoration:underline;} .single.single-post .entry-content .wp-caption-img .wp-caption-text a:hover, .single.single-post .entry-content .wp-caption-img .wp-caption-text a:focus, .single.single-post .entry-content .wp-caption-img .wp-caption-text a:active{color:#3c3c3c; text-decoration:none;} .single.single-post .entry-content .wp-caption-img > div { font-size:13px; text-align:center !important; line-height:normal; margin-top:-20px; } .single.single-post .entry-content .wp-caption-img > div a { font-size:13px; color:#3c3c3c; line-height:normal; text-decoration:underline; } .single.single-post .entry-content .wp-caption-img .wp-caption-text a:hover, .single.single-post .entry-content .wp-caption-img .wp-caption-text a:focus, .single.single-post .entry-content .wp-caption-img .wp-caption-text a:active { color:#3c3c3c; text-decoration:none; } .single.single-post .entry-content video {max-width: 100%; height: auto;} .single.single-post .entry-content p a {border-bottom: none;} /* popup */ .popup-overlay { background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; } .popup-wrapper { background:#fff; padding:30px 30px; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); max-width:800px; max-height:calc(100vh - 100px); max-height:-webkit-calc(100vh - 100px); overflow-y:auto; position:fixed; top:50%; left:50%; z-index:10000; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border-radius:10px; -webkit-border-radius:10px; } .popup-wrapper.geo-popup { text-align:center; max-width:350px; } .popup-wrapper.geo-popup:before { content:""; background:#c5d7e1; width:100%; min-height:200px; position:absolute; left:0px; top:-40px; z-index:-1; transform:skewY(5deg); -webkit-transform:skewY(5deg); } .popup-wrapper .inner {} .popup-wrapper.geo-popup .inner { margin:0 auto; max-width:260px; } .popup-wrapper.geo-popup .icon { margin-top:-18px; } .popup-wrapper.geo-popup .icon img { max-width:100px; } .popup-wrapper h4 { margin-top:50px; margin-bottom:20px; } .popup-wrapper h6 { line-height:36px; margin-bottom:20px; } .popup-wrapper .close { width:25px; height:25px; position:absolute; top:15px; right:15px; } .popup-wrapper .close:before { content:""; background:#101010; width:4px; height:20px; position:absolute; top:2px; right:10px; border-radius:3px; -webkit-border-radius:3px; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .popup-wrapper .close:after { content:""; background:#101010; width:4px; height:20px; position:absolute; top:2px; right:10px; border-radius:3px; -webkit-border-radius:3px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } /* yotpo plugin */ .yotpo.yotpo-main-widget { padding:0px 15px; margin-bottom:30px !important; } .yotpo.yotpo-main-widget .yotpo-small-box {} .yotpo.yotpo-main-widget .yotpo-small-box .yotpo-logo-title a { color:#000 !important; font-weight:400; } .yotpo.yotpo-main-widget .yotpo-small-box .yotpo-icon-btn-big a { color:#000 !important; } .yotpo.yotpo-main-widget .yotpo-display-wrapper { display:table; padding:0px 0px; margin:0 auto; width:100%; max-width:1250px; /*border:1px solid blue;*/ } .yotpo.yotpo-main-widget .yotpo-small-box { padding-left:0px !important; padding-right:0px !important; border:none; } .yotpo.yotpo-main-widget .yotpo-regular-box { margin:0px 0px !important; } .yotpo.yotpo-main-widget .yotpo-default-button { background:#000; color:#fff; padding:15px 15px !important; margin:-18px 0px 0px 0px; border:1px solid #000; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .yotpo.yotpo-main-widget .yotpo-default-button .yotpo-icon { margin-right:2px; } .yotpo.yotpo-main-widget .yotpo-default-button .yotpo-icon-button-text { font-weight:400; } .yotpo.yotpo-main-widget .yotpo-default-button:hover, .yotpo.yotpo-main-widget .yotpo-default-button:focus, .yotpo.yotpo-main-widget .yotpo-default-button:active { background:#fff; color:#000; border:1px solid #000; } .yotpo.yotpo-main-widget .yotpo-default-button:hover .yotpo-icon, .yotpo.yotpo-main-widget .yotpo-default-button:focus .yotpo-icon, .yotpo.yotpo-main-widget .yotpo-default-button:active .yotpo-icon { color:#000; } .yotpo.yotpo-main-widget .yotpo-default-button:hover .yotpo-icon-button-text, .yotpo.yotpo-main-widget .yotpo-default-button:focus .yotpo-icon-button-text, .yotpo.yotpo-main-widget .yotpo-default-button:active .yotpo-icon-button-text { color:#000; } .yotpo.yotpo-main-widget .yotpo-header {} .yotpo.yotpo-main-widget label { font-size:16px !important; color:#303233 !important; font-weight:400 !important; padding-left:0px !important; padding-right:0px !important; width:100% !important; } .yotpo.yotpo-main-widget .form-group .form-element .y-input { font-size:16px; line-height:normal; padding:8px 15px; border:1px solid #919191; width:100%; height:auto; text-overflow:ellipsis; box-shadow:0px 0px 0px 500px #fff inset; -webkit-box-shadow:0px 0px 0px 500px #fff inset; } .yotpo.yotpo-main-widget .socialize-wrapper .socialize .yotpo-default-button { padding:8px 8px !important; margin-top:0px; } .yotpo.yotpo-main-widget .connect-wrapper {} .yotpo.yotpo-main-widget .connect-wrapper .form-element .y-input { font-size:16px; line-height:normal; padding:8px 15px; border:1px solid #919191; width:100%; height:auto; text-overflow:ellipsis; box-shadow:0px 0px 0px 500px #fff inset; -webkit-box-shadow:0px 0px 0px 500px #fff inset; } .yotpo.yotpo-main-widget .yotpo-default-button.yotpo-submit { background:rgba(129,156,171,1) !important; font-size:14px; color:#fff; font-weight:400 !important; margin:20px 0px 0px 0px !important; border:none !important; } .yotpo.yotpo-main-widget .yotpo-default-button.yotpo-submit:hover, .yotpo.yotpo-main-widget .yotpo-default-button.yotpo-submit:focus, .yotpo.yotpo-main-widget .yotpo-default-button.yotpo-submit:active { background:rgba(129,156,171,0.9) !important; color:#fff; } .yotpo.yotpo-main-widget .yotpo-first-review { margin-top:0px; } .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-stars {} .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-stars .yotpo-icon-star { color:#000; } .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-content {} .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-content .yotpo-default-button { background:#000; font-size:14px; color:#fff; font-weight:400; padding:15px 15px !important; margin:0px 0px; border:1px solid #000; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-content .yotpo-default-button:hover, .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-content .yotpo-default-button:focus, .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-content .yotpo-default-button:active { background:#fff; color:#000; border:1px solid #000; } .yotpo-stars .yotpo-icon { color:#000 !important; } .yotpo .write-review .yotpo-header .yotpo-icon { color:#000 !important; } /* search page */ .search.search-no-results{text-align: center;!important} .search.search-no-results .hero-section-inner { margin-bottom:0px; } .search.search-no-results .content-area { padding-bottom:0px; } .search.search-no-results .no-results { text-align:center; } .search.search-no-results .no-results .page-header { padding:0px 0px; border:none; } .search.search-no-results .no-results .page-header .page-title { font-size:40px; color:#101010; line-height:normal; padding:0px 0px; } .search .no-results .pagination-main{ padding: 0; } .search.search-no-results .no-results form { display:inline-block; width:100%; max-width:400px; } .search.search-no-results .no-results form > label { margin:0px 0px; width:calc(100% - 115px); width:-webkit-calc(100% - 115px); float:left; } .search.search-no-results .no-results form > label span { } .search.search-no-results .no-results form > label .search-field { background:#fff; font-weight:400; line-height:43px; padding:0px 15px; border:1px solid #919191; width:100%; height:45px; text-overflow:ellipsis; } .search.search-no-results .no-results form > .search-submit { background:#000; font-size:16px; color:#fff; font-weight:400; text-transform:none; line-height:43px; padding:0px 15px; border:1px solid #000; width:100px; height:45px; border-radius:0px; -webkit-border-radius:0px; float:right; } .search.search-no-results .no-results form > .search-submit:hover, .search.search-no-results .no-results form > .search-submit:focus, .search.search-no-results .no-results form > .search-submit:active { background:#fff; color:#000; border:1px solid #000; } .search.search-results {overflow-x: hidden;} .search.search-results .page-header { text-align:center; display:inline-block; padding:0px 0px; border:none; width:100%; } .search.search-results .page-header h3 span { } .search.search-results .no-results .page-header .page-title { font-size:40px; color:#101010; line-height:normal; padding:0px 0px; } /* This was hiding the control * .search-no-results #searchOptions{ display: none; } */ .search.search-results .search-article-wrapper { -moz-column-gap:0; -webkit-column-gap:0; column-gap:0; -moz-column-count:4; -webkit-column-count:4; column-count:4; } .search.search-results .search-article-wrapper article { text-align:center; display:table; padding:0px 15px; margin-bottom:45px !important; border:none; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column; } .search.search-results .search-article-wrapper article .entry-header {} .search.search-results .search-article-wrapper article .entry-header .entry-title { line-height:42px; margin-bottom:15px; } .search.search-results .search-article-wrapper article .entry-header .entry-title a { color:#101010; display:inline-block; width:100%; } .search.search-results .search-article-wrapper article .entry-header .meta-post { display:none; } .search.search-results .search-article-wrapper article .entry-header .meta-post a {} .search.search-results .search-article-wrapper article .entry-header .meta-post .posted-on {} .search.search-results .search-article-wrapper article .entry-header .meta-post .byline {} .search.search-results .search-article-wrapper article .entry-header .meta-post .comments-link {} .search.search-results .search-article-wrapper article .entry-post {} .search.search-results .search-article-wrapper article .entry-post p { margin-bottom:15px; } .search.search-results .search-article-wrapper article .entry-post p:last-child { margin-bottom:0px; } .search.search-results .search-article-wrapper article .entry-post a { background:#000; font-size:16px; color:#fff; font-weight:400; text-transform:capitalize; line-height:normal; display:table; padding:13px 28px; margin:25px auto 0px auto; border:1px solid #000; } .search.search-results .search-article-wrapper article .entry-post a:hover, .search.search-results .search-article-wrapper article .entry-post a:focus, .search.search-results .search-article-wrapper article .entry-post a:active { background:#fff; color:#000; border:1px solid #000; } .search.search-results .search-article-wrapper article .entry-post a:after { content:""; background:url("images/icon-arrow.png"); background-repeat:no-repeat; background-position:center center; background-size:auto auto; display:inline-block; vertical-align:middle; margin-left:20px; width:28px; height:14px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .search.search-results .search-article-wrapper article .entry-post a:hover:after, .search.search-results .search-article-wrapper article .entry-post a:focus:after, .search.search-results .search-article-wrapper article .entry-post a:active:after { filter:invert(1); -webkit-filter:invert(1); } .search.search-results .search-article-wrapper article .entry-footer { display:none; } .search.search-results .main-pagination {} .search.search-results .main-pagination .nav-links {} .search.search-results .main-pagination .nav-links .page-numbers { text-align:center; line-height:38px; display:inline-block; padding:0px 0px; width:40px; height:40px; float:none; overflow:hidden; position:relative; } .search.search-results .main-pagination .nav-links .page-numbers.dots { background:none; color:inherit; border:none; } .search.search-results .main-pagination .nav-links .page-numbers.prev { text-indent:50px; } .search.search-results .main-pagination .nav-links .page-numbers.prev:before { content:"\f177"; font-family:FontAwesome; text-indent:0px; width:100%; position:absolute; top:0%; left:0%; } .search.search-results .main-pagination .nav-links .page-numbers.next { text-indent:50px; } .search.search-results .main-pagination .nav-links .page-numbers.next:before { content:"\f178"; font-family:FontAwesome; text-indent:0px; width:100%; position:absolute; top:0%; left:0%; } .woocommerce-success { background:#f7f6f7; padding:1em 2em 1em 3.5em; margin:0 0 2em; border-top:3px solid #008000; list-style:none; position:relative; } .woocommerce-success:before { content:"\f058"; font-family:FontAwesome; color:#008000; display:inline-block; position:absolute; top:1em; left:1.5em; } /* ================== My Account ====================*/ body.woocommerce-lost-password #content, body.page-id-10 #content { margin-top: 95px;} .page-template-signup .hero-section-inner, .page-template-login .hero-section-inner{ margin-top:95px;} .logged-in .content-wrapper #primary{ padding:50px 0 20px;} .about-book-section .section-heading a.scroll-promise-tab {cursor: pointer; text-decoration: underline;} .about-book-section .section-heading a.scroll-promise-tab:hover{text-decoration:none;} .post-type-archive-product .product-categories-tabs ul li{ /*width:20%;*/ width: 16%;} .woocommerce-page .woocommerce-error{ padding-left:50px; margin-top:20px; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd{ padding: 0 !important; margin: 0 !important;} /*.woocommerce-page .woocommerce-error:before{top: 0;left: 0;}*/ @media only screen and (min-width:769px) and (max-width:991px) { .single.single-product .woocommerce-product-gallery .product-selection.wrapper-half { width:100%; float:none; } } @media only screen and (min-width:768px) and (max-width:991px) { .welcome-section .welcome-content { max-width:375px; } .seperator-line:before { margin-left:-360px; max-width:720px; left:50%; } .woocommerce-page .shop-product ul.products li:nth-child(3n){ clear:none; margin-right:0;} .single.single-product .content-wrapper .product, .woocommerce-breadcrumb{ max-width:750px;} .single.single-product #content { margin-top: 90px;} .woocommerce-page #primary main { max-width:750px; } .faq-section .left-panel { width:300px; } .faq-section .right-panel { width:calc(100% - 300px); width:-webkit-calc(100% - 300px); } .faq-section .left-panel.fixed ul { width:270px; } .topbar-nav .search-section { max-width:180px; } } @media only screen and (min-width:992px) and (max-width:1199px) { .welcome-section .welcome-content { max-width:485px; } .seperator-line:before { margin-left:-470px; max-width:940px; left:50%; } .woocommerce-page .shop-product ul.products li.product{ width:31.3333%;} .woocommerce-page .shop-product ul.products li.first{ clear:none;} .woocommerce-page #primary main { max-width:970px; } .page-template-classroom .right-cont h2 {font-size: 52px;} .page-template-classroom .shop-product-classes .products .row li { width:33.33%; } .single.single-product #content.page-wrap { margin-left:auto; margin-right:auto; max-width:970px; } } @media only screen and (min-width:1025px) and (max-width:1199px) { .site-header { padding:15px 0px; } .site-header #mainnav ul > li { margin-left:15px; } .hero-section-inner { margin-top:100px; } } @media only screen and (min-width:1200px) and (max-width:1280px) { .seperator-line:before { margin-left:0px; max-width:calc(100% - 30px); max-width:-webkit-calc(100% - 30px); left:15px; } } @media only screen and (min-width:1200px) { .container { width:100%; max-width:1280px; } .woocommerce-page .wc-proceed-to-checkout a.button { padding-left:15px !important; padding-right:15px !important; } .woocommerce-page .wc-proceed-to-checkout a.button:after { right:15px; } /*.page-template-classroom .shop-product-classes ul.products li { padding-left:1%; padding-right:1%; }*/ } @media only screen and (max-width:1199px) { .footer-signup-tutorials .container { width:100%; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content h4 { font-size:28px; line-height:30px; min-height:62px; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content .desc {/* min-height:255px;*/ } .woocommerce-cart-form table.shop_table tr td.actions .coupon{width: calc(100% - 320px);width:-webkit-calc(100% - 320px);} .woocommerce-page .woocommerce-cart-form { margin-right:0px; margin-bottom:15px; width:100%; } .woocommerce-page .cart-collaterals { margin-bottom:50px; width:100%; } body.woocommerce-checkout #customer_details .col-1 { margin-bottom:30px; width:100%; } body.woocommerce-checkout #customer_details .col-2 { margin-bottom:30px; width:100%; } body.woocommerce-checkout #customer_details .cart_totals { width:100%; } .inquery-section{background-position: center center; background-size: cover; padding-bottom:50px;} .inquery-section .left-cont{ margin-bottom:30px;} /* .page-id-524 .contact-form{ text-align:center;} .page-id-524 .contact-form .left-info{ width:100%; margin-right:0px; margin-bottom:15px;} .page-id-524 .contact-form .right-info{ width:100%;} */ .yotpo.yotpo-main-widget .yotpo-display-wrapper { max-width:940px; } .woocommerce-info, .woocommerce-message, .woocommerce-error { max-width:940px; } body.woocommerce-lost-password #content, body.page-id-10 #content { margin-top:108px; } .blogs-section .all-cat .blog-content h3 { font-size:28px !important; line-height:32px !important; } .site-header #mainnav ul > li.current-menu-item > a::after{ bottom:-16px;} } @media only screen and (max-width:1085px) { .footer-signup-tutorials h5 { font-size:19px; /*font-size:24px;*/ text-align:left; line-height:24px; letter-spacing:1px; max-width:145px; } } @media only screen and (max-width:1024px) { .header-bg .site-header{ background:#fff !important;} .topbar-nav.desktop { } .hero-section-inner{ margin-top:80px;} .site-header { padding:15px 0px; } .site-header .col-md-4 { width:auto; float:left; } .site-header #site-branding #site-logo { text-align:left; } .site-header #site-branding #site-logo img { width:auto; max-height:60px; } .site-header .col-md-8 { padding:0px 15px; display:flex; flex-flow:row wrap; margin-top:13px; width:auto; float:right; } .site-header .col-md-8 .btn-menu { font-size:22px; line-height:25px; padding:6px 0px 5px 5px; margin:-4px 0px 0px 0px; order:2; height:35px; color:#101010; } .site-header .col-md-8 .btn-menu:before { color:#101010; } .site-header .col-md-8 .topbar-nav { order:1; } .site-header .col-md-8 .topbar-nav { display:inline-block !important; padding-right:15px; margin-bottom:0px; position:inherit; right:0px; top:2px; width:calc(100% - 38px); width:-webkit-calc(100% - 38px); height:auto; visibility:visible; opacity:1; } .site-header .col-md-8 .topbar-nav ul li { margin-left:20px; } #mainnav-mobi { top:62px; right:15px; width:500%; max-width:940px; } body.woocommerce-lost-password #content, body.page-id-10 #content { margin-top:91px; } } @media only screen and (max-width:991px) { #mainnav-mobi { max-width:720px; } #sidebar-footer { /*padding-bottom:110px;*/ } .footer-signup-tutorials form input[type="text"], .footer-signup-tutorials form input[type="email"] { max-width:165px; /*max-width:180px;*/ } .footer-signup-tutorials form input[type="submit"] { background-position:calc(100% - 20px) center !important; background-position:-webkit-calc(100% - 20px) center !important; padding:0px 70px 0px 20px !important; } .learn-online-section .learn-box-wrapper .learn-box .img h3 { font-size:30px; line-height:32px; } .creation-classroom-section .classroom-box-wrapper { /*overflow-x:auto; white-space:nowrap; */} .creation-classroom-section .classroom-box-wrapper .classroom-box { display:inline-block; vertical-align:top; width:49%; float:none; white-space:normal; } .creation-classroom-section .classroom-box-wrapper .classroom-box .content { padding-left:15px; padding-right:15px; } .woocommerce-page .woocommerce-cart-form { display:inline-block; margin-right:0%; width:100%; float:none; } .woocommerce-page .cart-collaterals { display:inline-block; margin-top:30px; width:100% !important; float:none; } .woocommerce-page table.shop_table .product-name a{ font-size:24px; line-height:26px; clear:inherit !important;} .woocommerce-page .shop-product ul.products li.product{ width:31%; float:left;} .creation-classroom-section.testimonial .classroom-box-wrapper .classroom-box .img{ margin-top:20px;} .creation-classroom-section.testimonial .classroom-box-wrapper { margin-top: 0;} .contact-form .left-cont{ margin-bottom:30px;} .right-cont{ padding-left:15px;} .left-cont{ padding-right:15px;} .contact-form .right-info h5{ font-size:28px;} .contact-form h2{ margin-bottom:30px;} .about-section .about-row .img { text-align:center; margin-top:30px; width:100%; } .about-section .about-row .content { width:100%; } .about-section .about-row:nth-child(2n+1) { background-position:left bottom; } .about-section .about-row:nth-child(2n+1) .row { display:flex; flex-flow:row wrap; } .about-section .about-row:nth-child(2n+1) .img { order:2; } .about-section .about-row:nth-child(2n+1) .content { background:rgba(255, 255, 255, 0.85); box-shadow:0px 30px 50px 0px #fff; -webkit-box-shadow:0px 30px 50px 0px #fff; order:1; } .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title { min-height:102px; } .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title { min-height:102px; } .woocommerce-page .cart-collaterals { margin-top:0px !important; margin-bottom:20px; } .woocommerce .shop-product ul.products li.product img{/* max-height:300px; min-height:300px;*/} .woocommerce-page .shop-product ul.products li.first{ clear:both;} .page-template-classroom .shop-content .desc p { padding:0px;} .page-template-classroom .right-cont h2 {margin-top: 30px; text-align:left; padding:0px; margin-bottom: 0px;} .page-template-classroom .product-categories-tabs ul li {/*width:33.33%;*/} .page-template-classroom .shop-product-classes .products .row li { width:33.33%; } .page-template-classroom .sharonwee-promise .right-cont { text-align:center; margin-top:15px; } .page-template-classroom .sharonwee-promise .right-cont img { top:0px; } .sharonwee-promise .right-cont { text-align:center; margin-top:50px; margin-bottom:50px; } .sharonwee-promise .right-cont img { top:0px; } .yotpo.yotpo-main-widget .yotpo-display-wrapper { max-width:720px; } .search.search-results .search-article-wrapper { -moz-column-count:3; -webkit-column-count:3; column-count:3; } .woocommerce-info, .woocommerce-message, .woocommerce-error { max-width:720px; } .single.single-product .related-products .container {max-width: 767px;} .single.single-product.woocommerce .shop-product ul.products li.product > a.woocommerce-LoopProduct-link{height:175px;overflow: hidden;} .single.single-product.woocommerce .shop-product ul.products li.product .content{padding: 5px 12px;} .single.single-product.woocommerce .shop-product ul.products li.product .content .button::after { margin-left: 5px; background-size: 15px auto; width: 16px;} .single.single-product.woocommerce .shop-product ul.products li.product .content .button { margin-top: 0; font-size: 14px; padding: 8px 7px;} .shop-product nav.woocommerce-pagination, .shop-product nav.woocommerce-pagination ul { position: inherit;} } @media only screen and (min-width:768px) { .topbar-nav ul li.menu-toggle { display:none; } .product-categories-tabs { overflow-x:auto; } } @media only screen and (max-width:798px) { .slick-initialized .slick-slide{ padding-top:5px;} .sharonwee-promise {overflow-x:hidden;} } @media only screen and (max-width:768px) { .woocommerce-page .cart-collaterals table tr td { text-align:center !important; } } @media only screen and (max-width:767px) { h1 { font-size:44px; line-height:48px; } /* changed */ h2 { font-size:36px; line-height:40px; } /* changed */ h3 { font-size:30px; line-height:32px; } /* changed */ h4 { font-size:28px; line-height:30px; } /* changed */ h5 { font-size:30px; line-height:normal; } /* changed */ h6 { font-size:24px; line-height:normal; } /* changed */ .button { padding:12px 20px; } .button:after { margin-left:15px; } section { padding-top:50px; padding-bottom:50px; } .section-heading { margin-bottom:30px; } .section-heading p { margin-top:15px; } .section-heading .icon:before { background-size:60px auto !important; width:60px; height:46px; } .seperator-line:before { margin-left:0px; max-width:calc(100% - 30px); max-width:-webkit-calc(100% - 30px); left:15px; } #mainnav-mobi { max-width:calc(100vw - 30px); max-width:-webkit-calc(100vw - 30px); } #sidebar-footer { padding-bottom:100px; } .scrollup.show { bottom:75px; display:none; } header.site-header { background:none !important; } header.site-header.float-header { background:#fff !important; } .topbar-nav ul li.menu-search, .topbar-nav ul li.menu-currency, .topbar-nav ul li.cart-menu { display:none; } .mobile-menu { background:#fff; padding:5px 8px 8px 8px; border-top:1px solid #eee; width:100%; position:fixed; bottom:0px; left:0px; z-index:1002; } .mobile-menu ul.menu { list-style:none; padding:0px 0px; margin:0px 0px; } .mobile-menu ul.menu > li { text-align:center; line-height:normal; display:inline-block; vertical-align:top; margin-left:-5px; width:25%; } .mobile-menu ul.menu > li:first-child { margin-left:0px; } .mobile-menu ul.menu > li > a { font-size:13px; color:#404040; line-height:normal; display:inline-block; width:100%; } .mobile-menu ul.menu > li > a:before { font-family:FontAwesome; display:table; font-size:24px; line-height:30px; margin:0px auto 1px auto; height:30px; } .mobile-menu ul.menu > li.current-menu-item > a { color:#e968ab; } .mobile-menu ul.menu > li.current-menu-item > a:before { color:#e968ab; } .mobile-menu ul.menu > li.menu-home {} .mobile-menu ul.menu > li.menu-home > a {} .mobile-menu ul.menu > li.menu-home > a:before { content:"\f015"; } .mobile-menu ul.menu > li.menu-search {} .mobile-menu ul.menu > li.menu-search > a {} .mobile-menu ul.menu > li.menu-search > a:before { content:"\f002"; font-size:20px; } .mobile-menu ul.menu > li.menu-learn {} .mobile-menu ul.menu > li.menu-learn > a {} .mobile-menu ul.menu > li.menu-learn > a:before { content:"\f02d"; font-size:20px; } .mobile-menu ul.menu > li.menu-cart {} .mobile-menu ul.menu > li.menu-cart > a { cursor:pointer; } .mobile-menu ul.menu > li.menu-cart > a:before { content:"\f07a"; font-size:20px; } .mobile-fullmenu-sidebar {} .mobile-fullmenu-sidebar .menusidebar { z-index:9999; } .mobile-fullmenu-sidebar .menusidebar .closebtn { background:#ccc; font-size:30px; color:#101010; text-align:center; line-height:30px; padding:0px 0px; margin:0px 0px; right:22px; top:15px; width:30px; height:30px; border-radius:50%; -webkit-border-radius:50%; } .mobile-fullmenu-sidebar .menusidebar .closebtn:hover, .mobile-fullmenu-sidebar .menusidebar .closebtn:focus, .mobile-fullmenu-sidebar .menusidebar .closebtn:active { background:#fff; color:#101010; } .mobile-fullmenu-sidebar ul { list-style:none; } .mobile-fullmenu-sidebar .nav-mobile-menu {padding:25px 30px 30px 30px; display:table; width:100%; height:100%; } .mobile-fullmenu-sidebar .menu-mobile-side-menu-container { display:table-cell; vertical-align:middle; width:100%; height:100%; } .mobile-fullmenu-sidebar ul.menu { padding:0px 0px; margin-bottom:30px; } .mobile-fullmenu-sidebar ul.menu > li { text-align:center; margin-bottom:15px; } .mobile-fullmenu-sidebar ul.menu > li:last-child { margin-bottom:0px; } .mobile-fullmenu-sidebar ul.menu > li > a { font-family:'Sue Ellen Francisco', cursive; font-size:28px; /*font-size:36px;*/ color:#fff; font-weight:400; letter-spacing:1px; text-transform:uppercase; line-height:normal; display:inline-block; padding:0px 0px; width:auto; border-bottom:1px solid transparent; } .mobile-fullmenu-sidebar ul.menu > li > a:hover, .mobile-fullmenu-sidebar ul.menu > li > a:focus, .mobile-fullmenu-sidebar ul.menu > li > a:active { color:#fff; border-bottom:1px solid #fff; } .mobile-fullmenu-sidebar ul.menu > li.current-menu-item > a { color:#fff; border-bottom:1px solid #fff; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu { padding-left:20px; margin-top:3px; position:relative; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu:before { content:""; border-right:1px dashed #999; width:1px; height:100%; position:absolute; top:0px; left:0px; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li { line-height:normal; margin:0px 0px 3px 0px; position:relative; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li:last-child { margin-bottom:0px; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li:before { content:""; margin-top:-1px; border-top:1px dashed #999; width:15px; height:1px; position:absolute; top:50%; left:-20px; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li > a { font-family:'Open Sans', sans-serif; font-size:12px; color:#fff; letter-spacing:1px; text-transform:uppercase; line-height:normal; display:inline-block; padding:7px 0px 7px 5px; width:100%; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li > a:hover, .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li > a:focus, .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li > a:active { color:#b49a61; } .mobile-fullmenu-sidebar ul.menu > li ul.sub-menu > li.current-menu-item > a { color:#b49a61; } .mobile-fullmenu-sidebar ul.menu > li form#currency_converter select { background:#fff; color:#101010; text-align:center; border:none; } .mobile-cart-menu { display:block !important; position:absolute; top:10px; right:35px; z-index:9; } ul li.cart-menu i { font-size:18px; color:#fff; } #sidebar-footer .column.column1, #sidebar-footer .column.column2 { max-width:180px; } .footer-signup-tutorials { display:none; } .site-header .col-md-4 { display:inline-block; vertical-align:middle; padding-right:0px; float:none; width:150px; } .site-header .col-md-8 { display:inline-block; vertical-align:middle; padding-left:0px; margin:0px 0px; float:none; width:calc(100% - 155px); width:-webkit-calc(100% - 155px); } .site-header .col-md-8 .btn-menu { display:none; } .site-header .col-md-8 .topbar-nav { padding:0px 0px; width:100%; } .topbar-nav ul { display:inline-block; } .topbar-nav ul li.menu-toggle {} .topbar-nav ul li.menu-toggle a { border-bottom:none; } .topbar-nav ul li.menu-toggle a:after { content:"\f0c9"; font-family:FontAwesome; font-size:22px; line-height:22px; margin-left:10px; position:relative; top:3px; } .topbar-nav ul li { margin-left:12px !important; } .hero-section .content { padding:70px 0px 200px 0px; } .welcome-section .row { display:flex; flex-flow:row wrap; } .welcome-section .welcome-img { display:table; margin-top:30px; order:2; width:100%; max-width:none; } .welcome-section .welcome-content { display:table; order:1; width:100%; max-width:none; } .learn-online-section .learn-box-wrapper .learn-box .content { padding-left:0px; padding-right:0px; } .about-book-section { background:none; } .about-book-section .section-heading { text-align:left; } .about-book-section .section-heading p { max-width:none; } .about-book-section .main-content { display:flex; flex-flow:row wrap; } .about-book-section .book-img { text-align:center; margin:35px auto 0px auto; order:2; width:100%; max-width:500px; } .about-book-section .book-content { order:1; width:100%; } .about-book-section .book-content p:empty{ display:none;} .woocommerce-page table.shop_table .product-thumbnail{ display:block !important;} .woocommerce-page table.shop_table .product-name a{ font-size:20px; line-height:1.3;} .woocommerce-cart-form table.shop_table tr td.actions .coupon { width: calc(100% - 195px);} .tab-ul li{ max-width:110px; } .tab-ul li a{ line-height:1.3; max-width:87px;} .tab-ul li:last-child a{ max-width:110px;} .tab-ul li:before{border:none;} .woocommerce-page .shop-product ul.products { padding-left:0px !important; } .woocommerce-page .shop-product ul.products li.product{ width:48% !important; clear:none !important; margin:0px 1% 20px 1% !important; /*margin-bottom:35px !important;*/ } .woocommerce-page .shop-product ul.products li.last{ margin-bottom:5% !important;} .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title { /*height:70px; overflow:hidden;*/ } body.woocommerce-cart .liked-product-slider ul.products li.product .content .woocommerce-loop-product__title{ height:auto;} .shop-product-classes ul.products li .whole-box .right-box h3 {height: 65px;line-height: 34px; overflow: hidden;} .shop-product-classes ul.products li .whole-box .left-box img{/*height:356px; width:100%; object-fit:cover;*/} .bookable-tabs ul li a{ font-size: 30px; line-height: 32px; padding: 15px 20px;} .bookable-tabs .bookable_content{padding: 20px} .bookable-tabs .bookable_content p{ margin-bottom:5px;} .single.single-product #content { margin-top: 80px;} .woocommerce-page .cart-collaterals .cart_totals { padding-left:15px; padding-right:15px; } .woocommerce-page .cart-collaterals h2 { margin-left:-15px; margin-right:-15px; } body.woocommerce-checkout #customer_details h3 { font-size:30px; line-height:32px; } body.woocommerce-checkout #customer_details .cart_totals .cart-table-title { font-size:30px; line-height:32px; } body.woocommerce-checkout #customer_details .cart_totals { padding:15px 15px; } #sb_instagram .sbi_item { width:33.33% !important; } #sb_instagram .sbi_item .sbi_photo { height:33.33vw !important; } .calculator-works-section .right { margin-top:50px; } .calculator-cake-section > .container > .row:first-child { display:flex; flex-flow:row wrap; } .calculator-cake-section .cake-wrapper { order:1; } .calculator-cake-section .image-wrapper { text-align:left; margin-bottom:50px; order:3; width:100%; } .calculator-cake-section .image-wrapper img { margin-top:0px; } .calculator-cake-section .ice-wrapper { order:2; } .calculator-cake-section .ice-wrapper .checkbox { margin:10px 0px; } .hero-section-inner { margin-top:78px; min-height:inherit; } .hero-section-inner .col-sm-12 { height:auto !important; } .hero-section-inner .inner { height:auto !important; } .hero-section-inner .inner .content { height:30vw !important; } .hero-section-inner .subtitle { font-size:18px; line-height:24px; margin-top:10px; } .about-section .about-row { padding:50px 0px; } .faq-section .left-panel { width:100%; } .faq-section .right-panel { width:100%; } #sidebar-footer .widget .widget-title { font-size:28px; line-height:30px; } .mobile-menu .nav-mobile-menu .search-section { background:#fff; left: 0; padding: 15px 15px; position: fixed; right: auto; top: 78px; z-index:9; width: 100%; border-top:1px solid #ddd; box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2); } .mobile-menu .nav-mobile-menu .search-section .search-form { display:inline-block; width:100%; } .mobile-menu .nav-mobile-menu .search-section .search-form input[type="text"]{ background:#fff; color:#444; line-height:normal; /*line-height:50px;*/ padding:0px 15px; margin:0px -1px 0px 0px; border:1px solid #aaa; width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; float:left; text-overflow:ellipsis; } .mobile-menu .nav-mobile-menu .search-section .search-form input[type="submit"]{ background:url("images/icon-search-white.png") #000; background-repeat:no-repeat; background-size:auto auto; background-position:center center; text-align:center; text-indent:100px; line-height:50px; padding:0px 0px; width:50px; height:50px; float:left; border:none; border-radius:0px; -webkit-border-radius:0px; overflow:hidden; } .page-id-524 .contact-form .right-cont .textwidget .cont-list{ text-align:center; width:100%; margin-bottom:20px;} .page-id-524 .contact-form .left-info{ width:100%; margin:0 0 15px;} .page-id-524 .contact-form .right-info{ width:100%;} .woocommerce-page .shop-product ul.products li.product:nth-child(4n+1){ clear:both;} .woocommerce-page .shop-product ul.products li.product:nth-child(5n+1){ clear:both;} .page-template-classroom .shop-product-classes .products .row li { width:50%; margin-bottom:35px; } /* Home page mobile */ .home .button{/*background:#e968ab; color:#fff; border:none;*/} .home .button:hover:after{/*filter: invert(0);-webkit-filter: invert(0);*/} .home.header-bg .site-header, .home header.site-header.float-header{ background:#f2f2f0 !important; border:none !important;} .topbar-nav ul li.menu-login a {border: 1px solid #101010;padding: 2px 10px;} .home .hero-section .content h1 {font-size: 30px;letter-spacing: 2px;max-width: 250px;margin: 0 auto;} .home .hero-section{background-position: left -570px center !important;} .home .hero-section .content { padding-bottom: 80px;} .home h2{ text-transform:uppercase;font-size: 28px; margin-bottom: 20px;} .home .welcome-section .welcome-content .button { margin: 0 auto; max-width: 170px; width: 100%; display: block;} .home .welcome-section .welcome-img{ margin-top:60px;} .home .learn-online-section{ padding-top:10px;} .home .learn-online-section.seperator-line:before{ display:none;} .home .learn-online-section .section-heading.text-center{ text-align:left;} .home .learn-online-section .learn-box-wrapper .learn-box .inner{ position:relative;} .home .learn-online-section .learn-box-wrapper .learn-box .inner h3{display: inline-block; width: auto;font-size: 16px;text-transform: uppercase;padding:8px 10px; width:calc(100% - 122px); -webkit-width:calc(100% - 122px);letter-spacing: 1px;} .home .learn-online-section .learn-box-wrapper .learn-box .content .advance{display:none;} .home .learn-online-section .learn-box-wrapper .learn-box .content .desc{ display:none;} .home .learn-online-section .learn-box-wrapper .learn-box .content{ padding:0; position:absolute; bottom:0; right:0;} .home .learn-online-section .learn-box-wrapper .learn-box .content .button:after{background-size: 11px auto;width: 12px;height: 4px;margin-left: 4px;} .home .learn-online-section .learn-box-wrapper .learn-box .content .button:hover:after{filter: invert(0);-webkit-filter: invert(0);} .home .learn-online-section .learn-box-wrapper .learn-box .content .button{border: none; padding:15px 6px; background:#e968ab; color:#fff;width: 122px;font-size: 13px;} .home .about-book-section .book-img{ overflow:hidden;} .home .about-book-section .book-img img{width: 100%;max-width: 576px;left: 36%;position: relative;transform: translateX(-50%);} .home .creation-classroom-section .section-heading.text-center{ text-align:left;} .home .more-tutorial .button{background: rgba(0,0,0,1); border: 1px solid #101010;} .product-categories-tabs.mobile{ text-align:center; padding-top:30px; } .product-categories-tabs.mobile select {padding:0px 48px 0px 15px; background:url("images/icon-dropdown.png")right center no-repeat;-webkit-appearance: none; -moz-appearance:none; appearance:none; border:2px solid #cbcbcb; text-align:left; font-size:24px; color:#8d8d8d;font-family: 'Sue Ellen Francisco', cursive;max-width: 320px;width: 100%; text-overflow:ellipsis; } .product-categories-tabs.mobile select option{font-family: 'Sue Ellen Francisco', cursive;font-size:24px; } .yotpo.yotpo-main-widget .yotpo-display-wrapper { max-width:100%; } .search.search-results .search-article-wrapper { -moz-column-count:2; -webkit-column-count:2; column-count:2; } .search.search-results .search-article-wrapper article .entry-post a { padding:12px 20px; } .single-product.woocommerce .product .product_title { font-size:36px; line-height:44px; } .single-product.woocommerce .product .price { font-size:36px !important; line-height:40px !important; } .archive.post-type-archive .shop-product ul.products li.product .content .button.loading:after { margin-left:15px; } body.woocommerce-lost-password #content, body.page-id-10 #content { margin-top:79px; } .single-product .related-products ul.products{ height:auto !important; margin-bottom:20px;} .single.single-product.woocommerce .shop-product.related-products ul.products li.product{ position:inherit !important; width:100% !important; margin:0 !important; padding:0 10px 25px !important;} .single-product .related-products ul.products li.product .content{ padding:0;} .single-product .related-products{ padding-bottom:40px;} .single-product .related-products ul.products .slick-arrow{width: 40px; height: 60px; background-size: 25px auto !important; position:relative; z-index:2; } .single-product .related-products ul.products .slick-arrow:before{ display:none;} .single-product .related-products ul.products .slick-prev { background: url('images/icon-left.png')0 0 no-repeat;left: 32%; top: auto; position:absolute; left:-5px; top:50%; background-position: left center; margin-top: -30px;} .single-product .related-products ul.products .slick-next { background: url('images/icon-right.png')0 0 no-repeat; right:32%; top: auto; position:absolute; right:-5px; top:50%; background-position: right center; margin-top: -30px;} .single-product .related-products .slick-slider .slick-list { margin:0 auto; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); } .single-product .related-products .products { margin-right:0px; } .single.single-product.woocommerce .shop-product ul.products li.product .content .button { font-size:13px; padding-left:5px; padding-right:5px; } .single.single-product.woocommerce .shop-product ul.products li.product > a.woocommerce-LoopProduct-link { height: auto;} .single.single-product.woocommerce .shop-product ul.products li.product .content{ padding:0;} .single.single-product.woocommerce .shop-product ul.products li.product img { max-height: 300px; min-height: 300px; object-fit: cover;} .shop-product .form-wppp-select .select-style select{ font-size:14px;} .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-success{width: calc(100% - 30px); width: -webkit-calc(100% - 30px);} .my_account_bookings.shop_table_responsive tr td:last-child:after, .my_account_bookings.shop_table_responsive tr td:last-child:before{ display:table; content:""; clear:both;} .my_account_bookings.shop_table_responsive tbody tr:last-child td{ border:none !important;} .my_account_bookings.shop_table_responsive tr td:before{margin-right: 10px;} .search .blogs-section { padding:30px 0px !important; } } @media only screen and (max-width:660px) { .yotpo.yotpo-main-widget .socialize-wrapper { display:inline-block !important; width:100% !important; position:inherit !important; } .yotpo.yotpo-main-widget .connect-wrapper { padding:0px 0px !important; width:100%; } .yotpo.yotpo-main-widget .connect-wrapper .form-element { padding:0px 0px !important; width:100% !important; } .creation-classroom-section .classroom-box-wrapper .classroom-box{ width:100%;} .creation-classroom-section .classroom-box-wrapper .classroom-box .content h4{ min-height:0;} } @media only screen and (max-width:649px) { .learn-online-section .learn-box-wrapper .learn-box { margin-left:auto; margin-right:auto; width:100%; max-width:500px; float:none; } .woocommerce-page table.shop_table .product-name a{ width:145px; display:block;} .woocommerce-page .shop-product ul.products li.product{/* width:100% !important; float:none; margin-bottom:35px !important;*/ } .woocommerce .shop-product ul.products li.product .content .price span{ font-size:18px;} .woocommerce-page .shop-product ul.products li:nth-child(3n){ clear:none;} .woocommerce-page .shop-product ul.products li.first{ clear:inherit;} .woocommerce-page .shop-product .products{ margin-right:0;} .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title { min-height:inherit; } .bookable-tabs ul{ text-align:center;} .single.single-product .tabs-detail .learning-outcomes ul{ text-align:left;} .bookable-tabs ul li{ margin:0 5px 10px;} .woocommerce .shop-product ul.products li.product img {/* max-height: 400px; min-height: 400px;*/} .page-template-classroom .shop-product-classes .products .row li {/* padding-left:15px; padding-right:15px; width:100%;*/ } } @media only screen and (max-width:599px) { #sidebar-footer .column.column1, #sidebar-footer .column.column2 { max-width:200px; } #sidebar-footer .column.column3 { margin-top:30px; max-width:400px; } #sidebar-footer .widget_clean_business_social_icons a { margin-right:30px; } .shop-product-classes ul.products li .whole-box .box{ width:100%; display:block; text-align:center; padding-left:0;} .shop-product-classes ul.products li .whole-box .left-box img { min-height: auto;} .shop-product-classes ul.products li .whole-box .right-box h3{ height:auto;} .shop-product-classes ul.products li .whole-box .right-box p{ height:auto; margin-bottom:20px;} .shop-product-classes ul.products li .whole-box .left-box{ margin-bottom:20px;} .shop-product-classes ul.products li .whole-box .right-box .advance{ text-align:center;} .contact-header{ background-position:left !important;} .page-template-classroom .product-categories-tabs ul li {width:50%;} .woocommerce .shop-product ul.products li.product .content{padding: 10px;} .woocommerce ul.products li.product .button {font-size: 12px; padding: 8px 10px;} .woocommerce .shop-product ul.products li.product .content .woocommerce-loop-product__title a{text-transform: uppercase;font-size: 14px;letter-spacing: 1px;line-height: 1.6;} .archive.post-type-archive .shop-product ul.products li.product .content .button{ margin-top:0;font-size: 14px;padding: 8px 7px;} .archive.post-type-archive .shop-product ul.products li.product .content .button:after { margin-left: 5px;background-size: 15px auto;width: 16px;} .page-template-classroom .shop-product-classes ul.products li .content .button{ margin-top:0;font-size: 14px;padding: 8px 7px; letter-spacing:0;} .page-template-classroom .shop-product-classes ul.products li .content .button:after { margin-left: 5px;background-size: 15px auto;width: 16px;} .shop-product-classes ul.products li .whole-box .content h3{text-transform: uppercase;font-size: 14px;letter-spacing: 1px;line-height: 1.6;} .shop-product-classes ul.products li .whole-box .content { padding: 10px;} .woocommerce .shop-product ul.products li.product .product-selection { padding-left:8px; padding-right:8px; } .woocommerce .shop-product ul.products li.product .product-selection img { margin-right:1px !important; max-width:4.5vw !important; max-height:4.5vw; } .woocommerce .shop-product ul.products li.product .product-selection span { font-size:11px; } .single.single-product .woocommerce-product-gallery .product-selection.wrapper-half { width:100%; float:none; } .woocommerce .shop-product ul.products li.product .product-selection + .product-selection{bottom:30px;} .search.search-results .search-article-wrapper { -moz-column-count:1; -webkit-column-count:1; column-count:1; } .archive.post-type-archive .shop-product ul.products li.product .content .button.loading:after { font-size:12px; margin-left:5px; } .single.single-product.woocommerce .shop-product ul.products li.product img { max-height: 180px; min-height: 180px; object-fit: cover;} .shop-product .form-wppp-select {float: none !important; margin: 0 0 30px !important;} .shop-product nav.woocommerce-pagination, .shop-product nav.woocommerce-pagination ul { position: inherit;} } @media only screen and (max-width:529px) { .sharonwee-promise ul.tab-wrapper li{ text-align:center; width:32%;} } @media only screen and (max-width:479px) { body.woocommerce-checkout form .form-row.form-row-first, body.woocommerce-checkout form .form-row.form-row-last { width:100% !important; } body.woocommerce-checkout form .form-row .button { width:100%; } body.woocommerce-checkout .woocommerce-info + form.checkout_coupon .form-row.form-row-first { margin-bottom:15px; } body.woocommerce-checkout .woocommerce-info + form .form-row .button { margin-right:0px; } body.woocommerce-checkout .woocommerce-info + form.login .woocommerce-form__label-for-checkbox { display:inline-block; margin:15px 0px 0px 0px; } .product-categories-tabs ul li { width:50%; } .button:after {margin-left: 5px; background-size: 15px auto; width: 16px;} .woocommerce div.product form.cart .button.loading:after { font-size:13px; margin-left:5px; } } @media only screen and (max-width:413px) { #sidebar-footer .column { margin-top:30px; } #sidebar-footer .column:first-child { margin-top:0px; } #sidebar-footer .column.column1, #sidebar-footer .column.column2, #sidebar-footer .column.column3 { max-width:280px; } .page-template-classroom .sharonwee-promise ul li {padding: 10px 15px 10px;} .sharonwee-promise ul li {padding: 10px 15px 10px;} .yotpo.yotpo-main-widget .yotpo-default-button.yotpo-submit { display:table; margin-left:auto !important; margin-right:auto !important; width:100%; max-width:250px; float:none; } } @media only screen and (max-width:385px) { .bookable-tabs ul li{ width:100%; margin:0 0 10px;} .bookable-tabs ul li a{padding:10px;} .after-header{ padding:40px 0 20px;} .after-header .img{ width:100%; text-align:center; margin-right:0; margin-bottom:15px;} .after-header h4{ width:100%; text-align:center; } .contact-form .left-info { width: 55px; margin-right: 15px;} .contact-form .cont-list { margin-bottom: 25px;} .contact-form .right-info h5 { font-size: 24px;} .contact-form .right-info span{ font-size:14px;} .contact-form .right-info .social-icon li a img{ width:42px;} .single-product .summary form button.button { padding-left:15px; padding-right:15px; } .single.single-product.woocommerce .shop-product ul.products li.product img { max-height: 140px; min-height: 140px;} .woocommerce .shop-product ul.products li.product .product-selection span {font-size: 10px;} } /* Blog Page */ .group-blog .hero-section-inner .col-sm-12, .group-blog .hero-section-inner .col-sm-12 .inner, .group-blog .hero-section-inner .col-sm-12 .inner .content{ max-height: 170px; height: 170px !important; min-height: inherit; padding-top: 0px; padding-bottom: 0px;} .group-blog .hero-section-inner .section-heading{ margin-bottom:0;} .filter-section{ padding:50px 0; background:#faf8f9;} .filter-section .breadcrums-area #breadcrumb-list{ display:block; border:none; background:none; padding-top:10px;} .filter-section .breadcrums-area #breadcrumb-list .container { padding:0px 0px; } .filter-section .breadcrums-area #breadcrumb-list .breadcrumb-current{ position:relative; text-decoration:none;} .filter-section .breadcrums-area #breadcrumb-list .breadcrumb-current:after{ position:absolute; content:""; width:100%; height:1px; bottom:-5px; left:0; background:#000;} .filter-section .breadcrums-area #breadcrumb-list span {margin-right: 8px;} .filter-section .select-area{} .filter-section .select-area label { font-family:'Sue Ellen Francisco', cursive; font-size: 34px; font-weight: 400; margin:0px 0px; line-height: 38px; display:inline-block; vertical-align:top; width:150px; } .filter-section .select-area .select-style {border:1px solid #100e0f; overflow: hidden; background:url("images/dwn-arw.png") no-repeat 100% 50%;display:inline-block; vertical-align:top; height:38px; width:100% !important;} .filter-section .select-area .select-style select {border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none;font-size: 16px; color: #010000; font-weight: 600; text-align:left; text-transform: uppercase;-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; height:100%; padding-right:44px;} .filter-section .select-area form { width:100%; max-width:450px; float:right; } .filter-section .select-area form > .row { margin:0px 0px; } .filter-section .select-area form > .row .col-sm-8 { padding:0px 0px; width:calc(100% - 150px); width:-webkit-calc(100% - 150px); } .blogs-section{ padding:0 0 15px; background:#faf8f9;} .blogs-section .product-categories-tabs{ padding-top:0; border:none;} .blogs-section .product-categories-tabs ul{ margin-bottom:35px;} .blogs-section .product-categories-tabs ul li{ max-width:178px;} .blogs-section .all-cat{ text-align:center; background:#fff; margin-bottom:30px;} .blogs-section .all-cat img{ width:100%;} .blogs-section .all-cat .blog-content{ padding:0 20px 15px;} .blogs-section .all-cat .blog-content h3{ /*font-size:22px; line-height:34px;*/ font-size:32px; line-height:42px; font-weight:400; margin-bottom: 15px;} .blogs-section .all-cat .blog-content p{margin-bottom: 20px;} .blogs-section .all-cat .blog-content .date{ max-width:210px; width:100%; margin:-24px auto 25px; height:38px; color:#101010; /*font-size:16px; text-transform:uppercase;*/ display:block; line-height: 38px; font-weight:400; text-align:center; position:relative;} .blogs-section .col-sm-4:nth-child(4n+1) .all-cat .blog-content .date{ background:#ffefef; } .blogs-section .col-sm-4:nth-child(4n+2) .all-cat .blog-content .date{ background:#e9f3b7; } .blogs-section .col-sm-4:nth-child(4n+3) .all-cat .blog-content .date{ background:#fcefba; } .blogs-section .col-sm-4:nth-child(4n+4) .all-cat .blog-content .date{ background:#c5d7e1; } .blogs-section .all-cat .blog-content .button{ margin-bottom:15px;} .blog-content .tags span{ display:inline-block; margin:0 5px 10px; padding:2px 10px; text-transform:uppercase; color:#aeaeae; border:1px solid #aeaeae; font-size: 14px; } .pagination-main{ padding:30px 0; text-align:center;} .pagination-main .page-numbers{ display:inline-block; vertical-align:top; background: rgba(0, 0, 0, 0); border: 1px solid #101010; height: 38px; margin: 0 2px; width: 40px; font-weight: 400;line-height: 36px;} .pagination-main .page-numbers.current{background: rgba(0, 0, 0, 1); color:#fff;} .pagination-main .prev, .pagination-main .next{ font-size:0; position:relative;} .pagination-main .prev:before, .pagination-main .next:before{ position:absolute; font-size:16px;font-family:"FontAwesome"; width: 100%; height:100%;} .pagination-main .prev:before{content:"\f177";left: -1px;top: 1px;} .pagination-main .next:before{content:"\f178";top: 1px;right: -1px;} /* Blog Detail Page */ .content-area main{ padding:0 !important;} #secondary{ display:none;} .white-bg{ background:#fff; padding:40px 0 30px;} .blog-detail{ margin-bottom:40px;} .blog-detail h2{ margin-bottom:0.5em; line-height:38px;} .blog-detail .post-info{ margin-bottom:10px;} .blog-detail .post-info span{padding-left:20px;font-size: 14px;} .blog-detail .post-info .date{background:url("images/icon-cal.png") no-repeat left center; margin-right:15px; } .blog-detail .post-info .author{background:url("images/icon-user.png") no-repeat left center;} .blog-detail .tags{ margin-bottom:10px;} .blog-detail .tags span { border: 1px solid #aeaeae; color: #aeaeae; display: inline-block; font-size: 14px; margin-bottom: 10px; margin-right: 10px; padding: 2px 10px; text-transform: uppercase;} .blog-detail .post-thumb{ margin-bottom:40px;} .blog-detail .post-thumb img{ width:100%;} .blog-detail .nav-links .nav-previous .fa{ margin-right:20px;} .blog-detail .nav-links .nav-next .fa{ margin-left:20px;} .comments{ background:#faf8f9; padding:50px 0 40px;} .comments #respond.comment-respond{ margin:0; padding:0; background:none;border:none;} .comments #respond.comment-respond .comment-reply-title {font-size: 42px; margin-bottom:10px;} .comments #respond.comment-respond .comment-notes{ margin-bottom:10px; padding:0 15px;} .comments #respond.comment-respond .logged-in-as{ padding:0 15px;} .comments #respond.comment-respond .comment-form{ margin-left:-15px; margin-right:-15px;} .comments #respond.comment-respond .left-comment-form {display: inline-block; vertical-align: top; width: 26%; padding:0 15px;} .comments #respond.comment-respond .left-comment-form p{ margin-bottom:10px;} .comments #respond.comment-respond .left-comment-form .form-submit input.submit{ position:relative;background: rgb(0, 0, 0) url("images/icon-arrow.png") 90% 50% no-repeat; border: 1px solid #101010; border-radius: 0; box-shadow: 0 0 1px transparent; color: #fff;display: inline-block; font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: normal; padding:13px 60px 13px 28px; position: relative; text-align: center; text-transform: none;vertical-align: middle; width: auto;} .comments #respond.comment-respond .left-comment-form .form-submit input.submit:hover{ opacity:0.8;} .comments #respond.comment-respond .right-comment-form{display: inline-block; vertical-align: top; width: 74%; padding:0 15px;} .comments #respond.comment-respond .right-comment-form textarea{min-height:225px;} .comments #respond.comment-respond .comment-form label{ font-weight:400; margin-bottom:0;} .comments #respond.comment-respond .comment-form input:focus, .comments #respond.comment-respond .comment-form textarea:focus{ border-color:#dbdbdb;} .logged-in .comments #respond.comment-respond .comment-form{display: -webkit-flex; /* Safari */ display: flex; width:100%; flex-direction:column;} .logged-in .comments #respond.comment-respond .left-comment-form{-webkit-order: 2;order: 2; width:100%;} .logged-in .comments #respond.comment-respond .right-comment-form{-webkit-order: 1;order: 1; width:100%; margin-bottom:15px;} @media only screen and (min-width:992px) and (max-width:1199px) { .filter-section .select-area .select-style{/*width: calc(100% - 170px); width: -webkit-calc(100% - 170px);*/} .blogs-section .all-cat .blog-content{ padding:0 15px 15px;} .blogs-section .all-cat .blog-content h3{ height:65px; overflow:hidden;} .page-template-blog .hero-section-inner{ margin-top:108px;} } @media only screen and (min-width:768px) and (max-width:991px) { .filter-section .select-area .select-style{/*width: calc(100% - 100px); width: -webkit-calc(100% - 100px);*/} .blogs-section .col-sm-4{ width:50%;} .blogs-section .all-cat .blog-content h3{ height:65px; overflow:hidden;} .filter-section .select-area label{ /*font-size:20px;*/} .filter-section .select-area .select-style select{ /*font-size:14px; padding-left:5px;*/} .woocommerce .shop-product ul.products li.product .content {padding:25px 12px; } } @media only screen and (max-width:991px){ .comments #respond.comment-respond .left-comment-form{ width:40%;} .comments #respond.comment-respond .right-comment-form{ width:60%;} } @media only screen and (max-width:768px){ .woocommerce-page .cart-collaterals table tr.order-total td:first-child{ text-align:left !important;} .woocommerce-page .cart-collaterals{ margin-bottom:0;} } @media only screen and (max-width:767px){ .filter-section{ padding:30px 0;} .filter-section .select-area form { max-width:300px; } .filter-section .select-area form > .row .col-sm-8 { width:100%; } .page-template-blog .hero-section-inner{ margin-top:65px;} .filter-section .breadcrums-area #breadcrumb-list{ margin-bottom:25px;} .filter-section .col-sm-6.text-right{ text-align:left;} .filter-section .select-area label{ display:none;} .filter-section .select-area .select-style{width: calc(100% - 0px); width: -webkit-calc(100% - 0px);} .blogs-section .product-categories-tabs ul li{ max-width:145px;} .comments #respond.comment-respond .left-comment-form{ width:100%;} .comments #respond.comment-respond .right-comment-form{ width:100%;} .post-navigation .nav-previous .nav-previous{ width:100%; float:none;} .post-navigation .nav-next .nav-next{ width:100%; float:none;} .blog-detail .nav-links .nav-previous .fa{ margin-right:5px;} .blog-detail .nav-links .nav-next .fa{margin-left:5px;} .woocommerce-page table.shop_table .product-name a.image img{height: 100px !important; width: 80px;} .woocommerce-page table.shop_table .product-name a{ display:inline-block;} /*.woocommerce-page table.shop_table.cart{overflow-x: auto; width: 725px;}*/ .woocommerce-page table.shop_table .product-name a.image{ width:85px;} .woocommerce-page .cart-collaterals table tr.order-total td, .woocommerce-page .cart-collaterals table tr.order-total td:first-child{ display:block; text-align:center !important;width: 100%;} .after-header h4 { font-size:30px; line-height:36px; } .woocommerce-page .woocommerce-cart-form{ margin-bottom:0;} .woocommerce-page .woocommerce-cart-form table.cart thead{ display:none;} .woocommerce-page .woocommerce-cart-form table.cart tr{ position:relative;} .woocommerce-page .woocommerce-cart-form table.cart tr:after{ position:absolute; height:90%; width:2px; top:5%; left:80px; background:#b8b8b8; content:""; padding:10px 0;} .woocommerce-page .woocommerce-cart-form table.cart tr td{text-align:left;padding: 10px !important; display: block; vertical-align: middle; border:none !important;width:100%;} .woocommerce-page .woocommerce-cart-form table.cart tr td:before {content: attr(data-title) ": ";float: left;margin-right: 20px; max-width: 75px; width: 100%;} .woocommerce-page .woocommerce-cart-form table.cart tr td:first-child:before{ content:"Quantity:";} .woocommerce-page .woocommerce-cart-form table.cart .product-quantity{ text-align:left; display:inline-block;} .woocommerce-page .woocommerce-cart-form table.cart .product-quantity .quantity input[type="number"]{ display:inline-block; margin-bottom:0;} .woocommerce-page .woocommerce-cart-form table.cart tr td .product-remove{vertical-align: middle; padding-top:10px;display: inline-block; margin-left: 20px;} .woocommerce-page .woocommerce-cart-form table.cart tr td .product-remove a.remove{ display:inline-block; position:relative; top:-10px;} .woocommerce-page .woocommerce-cart-form table.cart tr:nth-child(odd) { background:#fafafa; display:block; margin-bottom:20px; border-bottom: 2px solid #b8b8b8 !important;padding-bottom: 10px;} .woocommerce-page .woocommerce-cart-form table.cart tr:nth-child(even){ background:#fff;border-bottom: 2px solid #b8b8b8 !important; display:block; margin-bottom:20px;padding-bottom: 10px;} .woocommerce-page.woocommerce-cart #primary main{ width:100%;} .woocommerce-page .woocommerce-cart-form table.cart tr:last-child{ display:table-row;} .woocommerce-page .woocommerce-cart-form table.cart tr:last-child:after{ display:none;} .woocommerce-page .woocommerce-cart-form table.cart tr:last-child td:before{ display:none;} .woocommerce-cart .cart-collaterals .cart_totals table .shipping td{display: block; text-align:left; width: 100%;} .woocommerce-page .woocommerce-cart-form table.cart .product-name::after, .product-name::before {content: ""; display: table; clear: both;} .woocommerce table.cart td.actions::after, .woocommerce table.cart td.actions::after { content: ""; display: table; clear: both;} .woocommerce-page .woocommerce-cart-form table.cart .product-name a.image{ margin-right:0;margin-bottom: 10px;} .woocommerce-page table.shop_table .product-name a.image + a{width: calc(100% - 195px); width: -webkit-calc(100% - 195px); margin-left: 10px;} } @media only screen and (max-width:560px){ .woocommerce-cart-form table.shop_table tr td.actions input[name="update_cart"]{width: 120px !important;} .woocommerce-cart-form table.shop_table tr td.actions .coupon { width: calc(100% - 137px);} .woocommerce-page .wc-proceed-to-checkout.checkout-bottom .checkout-button{ max-width:none !important; width:100%;} } @media only screen and (max-width:499px){ .filter-section .col-xs-4, .filter-section .col-xs-8 { width:100%; } .filter-section .select-area form { margin-bottom:15px; width:100%; max-width:100%; } .woocommerce-cart-form table.shop_table tr td.actions .coupon { width:100%;} .woocommerce-cart-form table.shop_table tr td.actions input[name="update_cart"]{width: 100% !important;margin-left: 0; margin-top: 15px;} } @media only screen and (max-width:440px) { .contact-form .tab-wrapper li { margin-left:0px; margin-right:0px; width:100%; max-width:none; } } i.xoo-cp-close, td.xoo-cp-remove .xcp-icon{ color:#000 !important;} td.xoo-cp-ptitle a { font-weight: 400; font-size: 16px;} table.xoo-cp-pdetails td{ border:none;} /* login-register-forgot page */ body.page-template-login .hero-section-inner, body.page-template-signup .hero-section-inner { background-position:left center !important; background-size:cover !important; } body.page-template-login {} body.page-template-login .login-page-section { max-width:670px; } .login-register-forgot-section {} .login-register-forgot-section .container { max-width:100%; } .login-register-forgot-section { text-align:center; padding-left:15px; padding-right:15px; margin:0 auto; width:100%; } .login-register-forgot-section form {} .login-register-forgot-section form .form-group { line-height:normal; padding:0px 0px; margin:0px 0px 50px 0px; position:relative; box-shadow:0px 16px 7px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 16px 7px 0px rgba(0, 0, 0, 0.1); } .login-register-forgot-section form .form-group br { display:none; } .login-register-forgot-section form .form-group label { font-size:13px; color:#999; font-weight:600; text-align:left; line-height:normal; margin:0px 0px; width:100%; position:absolute; top:6px; left:15px; } .login-register-forgot-section form .form-group label .required {} .login-register-forgot-section form .form-group input { background:#fff; font-size:16px; color:#333; font-weight:300; font-style:italic; line-height:22px; padding:23px 15px 6px 15px; border:2px solid #333; width:100%; height:auto; text-overflow:ellipsis; } .login-register-forgot-section form .actions-btn { margin-bottom:30px; } .login-register-forgot-section form .actions-btn .button { font-family:'Open Sans', sans-serif; background:url("images/icon-arrow.png") #000; background-repeat:no-repeat; background-position:center right 28px; background-size:auto auto; font-size:16px; color:#fff; font-weight:400; text-transform:capitalize; text-align:center; display:inline-block; padding:13px 78px 13px 28px; border:1px solid #000; border-radius:0px; -webkit-border-radius:0px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .login-register-forgot-section form .actions-btn .button:hover, .login-register-forgot-section form .actions-btn .button:focus, .login-register-forgot-section form .actions-btn .button:active { background:url("images/icon-arrow-black.png") #fff; background-repeat:no-repeat; background-position:center right 28px; background-size:auto auto; color:#000; border:1px solid #000; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } .login-register-forgot-section form .actions-btn .button:after { display:none; } .login-register-forgot-section form .lost_password { display:block; margin:0px 0px; width:100%; } .login-register-forgot-section form .bottom-links { line-height:normal; display:inline-block; width:100%; } .login-register-forgot-section form .bottom-links span { font-size:14px; line-height:normal; margin:0px 5px; } .login-register-forgot-section form .bottom-links span a { color:#303233; border-bottom:1px solid #303233; } .login-register-forgot-section form .bottom-links span a:hover, .login-register-forgot-section form .bottom-links span a:focus, .login-register-forgot-section form .bottom-links span a:active { color:#303233; border-bottom:1px solid transparent; } body.page-template-signup .login-page-section { max-width:1000px; } body.woocommerce-lost-password {} body.woocommerce-lost-password #primary { background:none; } body.woocommerce-lost-password #primary:before, body.page-id-10 #primary:before { content:""; display:table; width:100%; height:200px; background:url('https://www.sharonwee.com.au/wp-content/uploads/2017/04/shop-banner-new.jpg'); background-repeat:no-repeat; background-position:left center; background-size:cover; opacity:0.6; } body.woocommerce-lost-password #primary article { background:none; } body.woocommerce-lost-password .entry-content { padding:0px 15px; margin:0 auto; max-width:480px; } body.woocommerce-lost-password form { text-align:center; } body.woocommerce-lost-password form > p { width:100% !important; float:none !important; } body.woocommerce-lost-password form .form-row-first { line-height:normal; padding:0px 0px; margin:0px 0px 50px 0px; position:relative; box-shadow:0px 16px 7px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 16px 7px 0px rgba(0, 0, 0, 0.1); } body.woocommerce-lost-password form .form-row-first label { font-size:13px; color:#999; font-weight:600; text-align:left; line-height:normal; margin:0px 0px; width:100%; position:absolute; top:6px; left:15px; } body.woocommerce-lost-password form .form-row-first label .required {} body.woocommerce-lost-password form .form-row-first input { background:#fff; font-size:16px; color:#333; font-weight:300; font-style:italic; line-height:22px; padding:25px 15px 8px 15px; border:2px solid #333; width:100%; height:auto; text-overflow:ellipsis; } body.woocommerce-lost-password form .form-row .button { font-family:'Open Sans', sans-serif; background:url("images/icon-arrow.png") #000; background-repeat:no-repeat; background-position:center right 28px; background-size:auto auto; font-size:16px; color:#fff; font-weight:400; text-transform:capitalize; text-align:center; display:inline-block; padding:13px 78px 13px 28px !important; border:1px solid #000; border-radius:0px; -webkit-border-radius:0px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } body.woocommerce-lost-password form .form-row .button:hover, body.woocommerce-lost-password form .form-row .button:focus, body.woocommerce-lost-password form .form-row .button:active { background:url("images/icon-arrow-black.png") #fff !important; background-repeat:no-repeat !important; background-position:center right 28px !important; background-size:auto auto !important; color:#000; border:1px solid #000; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; } body.woocommerce-lost-password form .form-row .button:after { display:none; } body.woocommerce-lost-password .woocommerce-info, body.woocommerce-lost-password .woocommerce-message, body.woocommerce-lost-password .woocommerce-success, body.woocommerce-lost-password .woocommerce-error { padding:1em 2em 1em 3.5em; margin:30px 0px 0px 0px; width:100%; } @media only screen and (max-width:767px) { .login-register-forgot-section { max-width:480px !important; } .login-register-forgot-section form .form-group { margin-bottom:20px; } .login-register-forgot-section form .actions-btn { display:inline-block; margin-top:15px; margin-bottom:15px; width:100%; } .login-register-forgot-section form .bottom-links span { line-height:30px; } body.woocommerce-lost-password form { margin:20px 0px 50px 0px !important; } body.woocommerce-lost-password form .form-row-first { margin-bottom:30px; } } .woocommerce-cart-form .checkout-cart table{ position:relative;} .woocommerce-cart-form .checkout-cart table .tooltip-box{display: inline-block;margin-right: 10px;} .woocommerce-cart-form .checkout-cart table .tooltip-box .message-total{ display:none !important;right: 70px;font-size: 14px;padding: 15px;position: absolute;bottom:0px;background: #E7E7E7;text-align: center;max-width: 300px;} .woocommerce-cart-form .checkout-cart table .tooltip-box .message-total p{ font-size: 14px !important;font-family: 'Open Sans', sans-serif;font-weight: normal;text-transform: none; line-height:1.4;} .woocommerce-cart-form .checkout-cart table .tooltip-box:hover .message-total{ display:block !important;} .added-notification .site-header{padding-top:55px !important;} .added-notification .edn-notify-bar{-webkit-box-shadow:none !important;box-shadow:none !important; border-bottom:none !important; font-weight:600; color:#fff;} .added-notification .edn-notify-bar p{font-weight:600 !important; color:#fff !important;} .added-notification .edn-notify-bar a{color:#fff;} .added-notification .edn-position-Top .edn-type-main-wrapper{ width:100% !important;} .added-notification .edn-notify-bar.edn-position-Top .edn-type-text-wrap{ margin-right:0 !important; width:100%;} .added-notification .edn_container_wrapper{ padding:5px !important; width:98% !important; } @media only screen and (max-width:910px) { .added-notification .edn-position-Top .edn-type-main-wrapper{ margin-top:0 !important; padding-top:0 !important;} .added-notification .edn-type-text-wrap{ width:100% !important;} } @media only screen and (max-width:767px) { .added-notification .edn-position-Top .edn-type-main-wrapper{ padding-bottom:0 !important;} .added-notification .edn-notify-bar{ font-size:12px !important; line-height:1.4;} } /* ============== book-page =============== */ .border-bottom{border-bottom:1px solid #ddd; } .page-template-books .about-book-section .book-content ul {padding: 0px;} .page-template-books .about-book-section .book-content ul li {list-style:none; } .page-template-books .about-book-section {background-image:none !important;} .page-template-books .section-heading p {margin-top: 30px; margin-left: auto; margin-right: auto; max-width: 900px;} .page-template-books .sample-projects-section .sample-projects {margin-bottom:50px;} .page-template-books .sample-projects-section .sample-projects h6 {line-height:36px;} .page-template-books .sample-projects-section .sample-section-inner ul {padding: 0px 0px 0px 20px;} .page-template-books .sample-projects-section .zebra-img {background:#fcf2f4; padding: 35px 20px; /* width: 48%; float: left; */ display: flex; align-items: center;} .page-template-books .sample-projects-section .zebra-img .row {} /* .page-template-books .sample-projects-section .sample-projects .img img {min-height: 270px; max-height: 270px;} */ .page-template-books .sample-projects-section .bucket-img {background:#f5f4ec; padding: 35px 20px; /* width: 48%; float: right; */ display: flex; align-items: center;} .page-template-books .sample-projects-section .bucket-img .row {display: flex; align-items: center;} .page-template-books .sample-projects-section .button{ text-decoration:none !important; padding-left:15px; padding-right:15px;} .page-template-books .template-section{padding-top:0px; padding-bottom: 70px;} .page-template-books .template-section .book-img .content h6{background:url("images/pdf.png") no-repeat left center; padding: 0px 0px 0px 70px; line-height:30px; background-size: auto 58px;} .page-template-books .template-section .book-img{max-width: 560px; margin: 0 auto; width: 100%;} .page-template-books .template-section .book-img .button{margin: 0px 0px 0px 70px; padding: 13px 15px;} .page-template-books .about-book-section .row.main-content {margin-bottom: 50px;} .page-template-books .video-section {padding-top:0px; padding-bottom: 40px;} .page-template-books .video-section .video {margin-bottom: 25px; text-align: center; margin-bottom: 0px;} .page-template-books .video-section .video h6{min-height:110px;line-height: 40px;} .page-template-books .video-section .video:nth-child(3n+1) h6 {background: #fcf2f4; padding: 15px 10px; /* text-align: center; margin-bottom: 0px; */} .page-template-books .video-section .video:nth-child(3n+2) h6{ background:#f5f4ec; padding: 15px 10px; /* text-align: center; margin-bottom: 0px; */} .page-template-books .video-section .video:nth-child(3n+3) h6{background:#ecfade; padding: 15px 10px; /*text-align: center; margin-bottom: 0px; */} .page-template-books .about-book-section .book-content .button {margin: 10px 0px; max-width:220px; width:100%; display:block;} .page-template-books .about-book-section .container {} .page-template-books .sample-projects-section .sample-section-inner h3 img {position:relative; top:-12px; left:5px;} .page-template-books .location-section {padding-top:0px;} .page-template-books .location-section .location h5{ margin-bottom:15px;} .page-template-books .location-section .location h4 { margin-bottom:15px; margin-top: 30px; } .page-template-books .location-section .row{max-width: 970px; margin: 0 auto; width: 100%;} .page-template-books .location-section .location p {font-weight: 600; font-size: 14px; line-height: 22px; } .page-template-books .section-heading { display:inline-block; margin-bottom:50px; width:100%; } .page-template-books .section-heading h3 { margin-bottom:0px; } .page-template-books .section-heading p { margin-top:30px; margin-left:auto; margin-right:auto; } .page-template-books .shop-product-classes{ padding-bottom:0; padding-top:40px;} .page-template-books .product-categories-tabs{ margin-bottom:0; border-top:none;} /* .page-template-books .section-heading .icon {} .page-template-books .section-heading .icon:before { content:""; background-repeat:no-repeat !important; background-position:center center !important; background-size:auto auto !important; display:inline-block; vertical-align:bottom; margin-right:15px; width:86px; height:66px; } .page-template-books .icon.icon-video:before { content:""; background:url("images/icon-video.svg");background-size: 90px auto !important; } .page-template-books .icon.icon-book:before { content:""; background:url("images/icon-book.svg"); } .page-template-books .icon.icon-classroom:before { content:""; background:url("images/icon-apron.svg"); } .page-template-books .section-heading .icon:before { content: ""; background-repeat: no-repeat !important; background-position: center center !important; background-size: auto auto !important; display: inline-block; vertical-align: bottom; margin-right: 15px; width: 86px; height: 66px; } */ @media only screen and (max-width:767px) { .page-template-books .hero-section-inner {background-position: left -40vw top !important;} .page-template-books .about-book-section .book-img {margin: 0px; text-align: center; width: 100%; max-width: 100%;} .page-template-books .sample-projects-section .zebra-img {width: 100%; float:none; margin: 20px 0px;} .page-template-books .sample-projects-section .bucket-img {width: 100%; float:none; margin: 20px 0px;} .page-template-books .book-content {margin-bottom:0px; margin-top: 40px;} .page-template-books .book-content h3 {line-height: 20px;} .page-template-books .sample-projects-section .sample-projects {margin-bottom: 10px;} .page-template-books .sample-projects-section .sample-projects h4 {margin-top: 20px;} .page-template-books .sample-projects-section .sample-section-inner h3{margin-top: 50px; margin-bottom: 5px;} .page-template-books .location-section .location:nth-child(1) {padding-left:0px;} .page-template-books .location-section .location:nth-child(2) {padding-right:0px;} .page-template-books .location-section .location:nth-child(3) {padding-right:0px;} .page-template-books .template-section .book-img .content .button {margin-bottom:30px;} } @media only screen and (min-width:1200px) { .page-template-books .sample-projects-section .button {padding: 13px 15px;} } @media only screen and (min-width:992px) and (max-width:1199px) { .page-template-books .sample-projects-section .zebra-img {padding: 15px 0px;} .page-template-books .sample-projects-section .bucket-img {padding: 15px 0px;} } @media only screen and (min-width:768px) and (max-width:991px) { .page-template-books .video-section .video:nth-child(3n+1) h6 {line-height:30px;} .page-template-books .video-section .video:nth-child(3n+2) h6{line-height:30px;} .page-template-books .video-section .video:nth-child(3n+3) h6{line-height:30px;} .page-template-books .sample-projects-section .col-sm-6 .col-sm-6 {width:100%; margin-bottom:15px;} .page-template-books .sample-projects-section .zebra-img {display:block; padding: 30px 30px;} .page-template-books .sample-projects-section .bucket-img {display:block; padding: 30px 30px;} } @media only screen and (max-width:530px) { .page-template-books .sample-projects-section .zebra-img{display:block; max-width: 305px; margin-left: auto; margin-right: auto;} .page-template-books .sample-projects-section .bucket-img{display:block; max-width: 305px; margin-left: auto; margin-right: auto;} .page-template-books .sample-projects-section .sample-projects h6 {margin-top: 30px;} .page-template-books .template-section .book-img .col-xs-6{width:100%;} .page-template-books .template-section .book-img {max-width: 250px;} .page-template-books .template-section .book-img .content h6 { margin-bottom:17px; } .page-template-books .template-section .book-img .content .button { margin-bottom:50px; } .page-template-books .template-section .book-img .content:last-child .button { margin-bottom:0px; } } /*===================== Cart Page Liked Products =======================*/ .related-products.liked-product-slider ul li {display: inline-block; float: none !important; vertical-align: top; padding:0 10px 25px !important; margin-bottom: 0px !important; width: 100% !important; position: inherit !important; left: auto !important; top: auto !important; } body.woocommerce-cart .liked-product-slider ul.products li.product .content{padding:10px 0px !important; line-height: 34px !important;} body.woocommerce-cart .liked-product-slider ul.products{height: auto !important;} body.woocommerce-cart .liked-product-slider ul.products .slick-arrow {width: 40px; height: 60px; background-size: 25px auto !important; position:relative;} body.woocommerce-cart .liked-product-slider ul.products .slick-prev { background: url(images/icon-left.png)0 0 no-repeat; left: 32%; top: auto; position:absolute; left:-20px; top:50%; background-position: left center; margin-top: -30px;} body.woocommerce-cart .liked-product-slider ul.products .slick-next {background: url(images/icon-right.png)0 0 no-repeat; right: 32%; top: auto; position:absolute; right:-20px; top:50%; background-position: right center; margin-top: -30px;} body.woocommerce-cart .liked-product-slider ul.products .slick-prev:before {display:none;} body.woocommerce-cart .liked-product-slider ul.products .slick-next:before {display:none;} body.woocommerce-cart .liked-product-slider .product {width:100%;} body.woocommerce-cart .liked-product-slider ul li{display: inline-block; float: none !important; vertical-align: top; padding: 0px 10px !important; margin-bottom: 0px !important; width: 100% !important; position: inherit !important; left: auto !important; top: auto !important;} body.woocommerce-cart .liked-product-slider ul.products li.product .content .price{line-height: 32px !important; margin-bottom: 10px;} body.woocommerce-cart .liked-product-slider .woocommerce-loop-product__title { margin-bottom: 5px;} body.woocommerce-cart .liked-product-slider ul.products li.product img { height: 170px; object-fit: cover; } @media only screen and (min-width:768px) and (max-width:1199px) { body.woocommerce-cart .liked-product-slider .container { width:100%; } } @media only screen and (max-width:767px) { body.woocommerce-cart .liked-product-slider ul.products{height: auto !important;} body.woocommerce-cart .liked-product-slider .slick-initialized .slick-slide {display: inline-block;} body.woocommerce-cart .liked-product-slider ul.products li.product .content{padding:10px 0px !important; line-height: 34px !important;} body.woocommerce-cart .liked-product-slider ul.products li.product {width: 100% !important; margin: 0 auto !important; } body.woocommerce-cart .liked-product-slider ul.products li.product .button {padding: 8px 10px !important; width: 100% !important; font-size: 14px;} body.woocommerce-cart .liked-product-slider ul.products li.product img { height: 25vw; object-fit: cover; min-height: 100px; } /* body.woocommerce-cart .liked-product-slider ul.products .slick-prev { background: url(images/icon-left.png)0 0 no-repeat; left: 32%; bottom: -67px; top: auto;} body.woocommerce-cart .liked-product-slider ul.products .slick-arrow {width: 30px; height: 40px; background-size: 25px auto !important;} body.woocommerce-cart .liked-product-slider ul.products .slick-next {background: url(images/icon-right.png)0 0 no-repeat; right: 32%; bottom: -67px; top: auto;} body.woocommerce-cart .liked-product-slider ul.products .slick-arrow {width: 30px; height: 40px; background-size: 25px auto !important;} */ body.woocommerce-cart .liked-product-slider .product {width:100%;} } /* overrides by jay */ .single-product .woocommerce-product-gallery figure .woocommerce_feat_image { position:relative; width: 100%; height: 450px; overflow: hidden; text-align: center; } .single-product .woocommerce-product-gallery figure .woocommerce_feat_image img { display: inline-block !important; /*object-fit:cover;*/ } @media only screen and (min-width:768px) { .single-product .woocommerce-product-gallery figure .woocommerce_feat_image { position:relative; width: 100%; max-height: 550px; min-height: 550px; overflow: hidden; text-align: center; } .single-product .woocommerce-product-gallery figure .woocommerce_feat_image img { position: absolute; left: 0; top: 0; top: 50%; -webkit-transform: translateY(-45%); transform: translateY(-45%); display: inline-block !important; /*object-fit:cover;*/ } } .single-product .woocommerce-product-gallery figure .slick-list{ padding:0px 10px; margin-top: 12px; } .single-product .woocommerce-product-gallery figure .slick-list .slick-slide { height:133px; } .single-product .woocommerce-product-gallery figure .slick-list .slick-slide img{ padding: 12px; width:145px; height:145px; object-fit:cover; } /*.single-product .slick-slider .slick-arrow{ position: absolute; z-index: 1;} .single-product .slick-slider .arr-right{ right: -33px; top: 86%; font-size: 50px } .single-product .slick-slider .arr-left{ left: -33px; font-size: 50px; top: 86%; } .single-product .slick-track .slick-list{ padding: 12px; overflow: hidden; }*/ .single.single-product .woocommerce-product-gallery {} .single.single-product .woocommerce-product-gallery .slick-arrow { background:rgba(255,255,255,0.5); width:30px; height:30px; position:absolute; bottom:46px; z-index:1; cursor:pointer; } .single.single-product .woocommerce-product-gallery .slick-arrow.arr-left { left:-15px; } .single.single-product .woocommerce-product-gallery .slick-arrow.arr-right { right:-15px; } .single.single-product .woocommerce-product-gallery .slick-arrow > span { font-size:24px; text-align:center; display:inline-block; width:100%; } .single.single-product #fancybox-wrap{} .single.single-product #fancybox-wrap #fancybox-left, .single.single-product #fancybox-wrap #fancybox-right{ display:block !important;} .single.single-product #fancybox-wrap #fancybox-left span, .single.single-product #fancybox-wrap #fancybox-left:hover span{ left:-40px;} .single.single-product #fancybox-wrap #fancybox-right span, .single.single-product #fancybox-wrap #fancybox-right:hover span{ right:-40px; display:block; left:auto;} @media only screen and (min-width:769px) and (max-width:991px) { .single-product .woocommerce-product-gallery figure .woocommerce_feat_image { height:300px; } .single-product .woocommerce-product-gallery figure .slick-list .slick-slide { padding-top:0px; height:102px; } .single-product .woocommerce-product-gallery figure .slick-list .slick-slide img { width:109px; height:109px; } .single.single-product .woocommerce-product-gallery .slick-arrow { bottom:28px; } } @media only screen and (min-width: px) and (max-width:1199px) { .single-product .woocommerce-product-gallery figure .slick-list .slick-slide { height:96px; } .single-product .woocommerce-product-gallery figure .slick-list .slick-slide img { width:108px; height:108px; } .single.single-product .woocommerce-product-gallery .slick-arrow { bottom:27px; } } @media only screen and (max-width:768px) { .single-product .woocommerce-product-gallery figure .slick-list .slick-slide a { display:table; margin:0 auto; } } /* @media only screen and (max-width:480px) { .single.single-product .woocommerce-product-gallery .slick-track { width: 100% !important; } .single.single-product .woocommerce-product-gallery .slick-track .slick-slide { width: calc(100% / 2) !important; } } */ @media(max-width: 600px){ .single-product .woocommerce-product-gallery figure .woocommerce_feat_image{ height: auto; } .single-product .slick-slider .slick-arrow{ position: absolute; z-index: 1;} .single-product .slick-slider .arr-right{ right: 0; } .single-product .slick-slider .arr-left{ left: 0;} } .woocommerce-table--order-downloads th.download-remaining{ display:none;} .woocommerce-table--order-downloads td.download-remaining{ display:none;} .woocommerce-account #primary main{ max-width:1280px; padding-top:40px !important;} .woocommerce-account .woocommerce-form-login input.woocommerce-Button{background: rgba(16,16,16,1) !important; font-size: 14px; color: #fff; font-weight: 400; text-align: center; text-transform: capitalize; padding: 0px 15px; height: 45px; line-height: 45px; border:1px solid rgba(16,16,16,0) !important; !important; width: 150px !important; max-width: 150px; border-radius: 0 !important;} .woocommerce-account .woocommerce-form-login input.woocommerce-Button:hover, .woocommerce-account .woocommerce-form-login input.woocommerce-Button:focus, .woocommerce-account .woocommerce-form-login input.woocommerce-Button:active{background: rgba(16,16,16,0) !important;border:1px solid rgba(16,16,16,1) !important; color:rgba(16,16,16,1) !important;} .woocommerce-page .cart-collaterals .cross-sells{ display:none;} .woocommerce-page.page-id-10 #primary { background:none;} .woocommerce-account table.my_account_orders .button {width: 100%;margin-bottom: 10px;padding: 0;background: none;border: none;color: #000;text-decoration: underline;font-size: 14px;text-align: right;} .woocommerce-account table.my_account_orders .button:after{ display:none;} .woocommerce-account table.my_account_orders .button:hover{ text-decoration:none;} .woocommerce-account table.my_account_orders tr:last-child td{ padding-left:8px !important; padding-right:8px !important;} .woocommerce-account table.my_account_orders tr th:last-child{ text-align:right;} .woocommerce .woocommerce-order-downloads{ overflow-x:auto;} .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button{ background:rgba(16,16,16,1); color:#fff; padding: 15px 24px;border-radius: 0;} .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:hover, .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:focus, .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:active{ background:rgba(16,16,16,0.8); color:#fff;} .woocommerce-account.woocommerce-page table.shop_table:not(.my_account_bookings):not(.woocommerce-table--order-downloads):not(.woocommerce-MyAccount-orders) tbody tr:last-child td{ padding:15px;} .woocommerce-account .woocommerce-order-downloads table tr th:last-child, .woocommerce-account .woocommerce-order-downloads table tr td:last-child{ text-align:right;} .woocommerce-account .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file{ padding:0; border:none; margin:0; color:#303233; text-decoration:underline; background:none !important; font-size:14px; text-align:right;} .woocommerce-account .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file:after{ display:none;} .woocommerce-account .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file:hover, .woocommerce-account .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file:focus, .woocommerce-account .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file:active{text-decoration:none; border:none;} .woocommerce .woocommerce-order-downloads{ padding-top:0;} .woocommerce-MyAccount-navigation ul{ margin:0; list-style:none;border-right: 1px solid #303233;} .woocommerce-MyAccount-navigation li { margin-bottom: 10px;} .woocommerce-MyAccount-navigation li a { width: 90%; display: block; text-align: center; border: 1px solid #000; border-radius: 50px; padding: 8px; color: #000;} .woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li a:active, .woocommerce-MyAccount-navigation li a:focus, .woocommerce-MyAccount-navigation li.is-active a{ background:#000; color:#fff;} .woocommerce-account .woocommerce-MyAccount-content h2{ font-size:40px; line-height:40px;} @media only screen and (max-width:767px) { .woocommerce-MyAccount-navigation ul{ border-right:none; margin-bottom:20px;} .woocommerce-MyAccount-navigation ul:after, .woocommerce-MyAccount-navigation ul:before{ display:table; content:""; clear:both;margin:0 -10px;} .woocommerce-MyAccount-navigation li{ float:left; width:50%; padding:0 10px;} .woocommerce-MyAccount-navigation li a{ width:100%;} .woocommerce-table--order-downloads td.download-remaining { display: none;} .single.single-product #fancybox-wrap #fancybox-right { right: 20px; } .single.single-product #fancybox-wrap #fancybox-left { left: 20px; } } @media only screen and (max-width:412px) { .woocommerce-MyAccount-navigation li{ width:100%;} } .calculator-works-section .tooltip-info {position: relative;} .calculator-works-section .tooltip-info p{ display:none;position: absolute; bottom:-9px; font-size: 13px; line-height: 1.4; background: #fafafa; border: 1px solid #ddd; padding: 5px;width: 290px; font-weight: 400; } .calculator-works-section .tooltip-info:hover p{display: block; } @media only screen and (min-width:768px) and (max-width:895px) { .calculator-works-section .tooltip-info p{width:230px;} } .search .blogs-section.search-product-wrapper .container .row, .search .blogs-section.search-classes-wrapper .container .row { height:auto !important; } .search .blogs-section .button{padding: 13px;font-family: 'Open Sans', sans-serif; font-size: 16px;} @media only screen and (min-width:767px){ .search .blogs-section{padding:20px 15px; } } .search .blogs-section { padding:60px 0px !important; } @media only screen and (min-width:768px) and (max-width:991px) { .search .blogs-section.search-product-wrapper ul.products > li.product_r, .search .blogs-section.search-classes-wrapper ul.products > li.product_r { width:31%; } } @media only screen and (min-width:768px) { body.page-template-blog .hero-section-inner .col-sm-12 .inner .content, .search.search-results .hero-section-inner .col-sm-12 .inner .content { height:250px !important; } } .archive .product-categories-tabs{ border:none;} .archive .product-categories-tabs h2{ font-size:38px; line-height:normal;} .archive .product-categories-tabs ul{ display:block; max-width:none; width:100%; padding-left:35px !important; padding-right:20px;} .archive .product-categories-tabs ul:after{ width:1px; height:720px; content:""; background:#f1f1f1; position:absolute; right:30px; top:80px;} .archive .product-categories-tabs ul li{display:block; width:100%; min-height:0; text-align:left; border:none; margin-bottom:20px; } .archive .product-categories-tabs ul li a{background:none; padding:0; color:#838383;display: inline-block; width: auto; } .archive .product-categories-tabs ul li.active,.archive .product-categories-tabs ul li:hover, .archive .product-categories-tabs ul li:focus{ border:none;box-shadow:none; -webkit-box-shadow:none; background:none;} .archive .product-categories-tabs ul li.active a, .archive .product-categories-tabs ul li a:hover{color:#60cae0;} .archive .product-categories-tabs ul li a:before{ left:16px; top:auto; width:auto; height:auto;} .archive .product-categories-tabs ul li.active a:before, .archive .product-categories-tabs ul li a:hover:before{content:"\f058"; font-size:24px;color:#60cae0; font-family:FontAwesome;} .archive .shop-product .products{ padding: 40px 0 0px;} .archive .product-categories-tabs ul li a.cat-view_all:hover{ background:none;} .archive.woocommerce nav.woocommerce-pagination{ text-align:right;} .archive.woocommerce .woocommerce-pagination ul.page-numbers li{ text-align:center;} .archive .shop-product .products{ padding-left:0 !important;} .archive .shop-product ul.products li.product .product-inner a{ display:block; position:relative;} @media only screen and (min-width:768px) { .archive .shop-product ul.products{ margin:0 -30px !important;} .archive .shop-product ul.products li.product{ padding:0 30px !important; margin:0 0 60px !important; box-sizing:border-box;} .archive .shop-product ul.products li.product:hover, .archive .shop-product ul.products li.product:focus, .archive .shop-product ul.products li.product:active{ box-shadow:none; -webkit-box-shadow:none;} .archive .shop-product ul.products li.product:hover .product-inner, .archive .shop-product ul.products li.product:focus .product-inner, .archive .shop-product ul.products li.product:active .product-inner{box-shadow: 4px 14px 21px 0px rgba(7, 7, 7, 0.1); -webkit-box-shadow: 4px 14px 21px 0px rgba(7, 7, 7, 0.1);} .archive .shop-product .form-wppp-select{width: 100%; text-align: right; border-bottom: 1px solid #f1f1f1;padding-bottom: 40px; margin-bottom: 0;} .archive .shop-product .form-wppp-select .select-style{ max-width:300px; width:100%;} .archive .shop-product ul.products li.product{clear:none;} .archive.post-type-archive .shop-product ul.products li.product .content .button{ display:inline-block;} .archive.post-type-archive .shop-product ul.products li.product .content .button::after{ margin-left:10px;} } @media only screen and (min-width:1280px) { .archive .shop-product .container{ width:100%; padding:0 60px; max-width:none;} .archive .shop-product .products{ margin-right:0px !important;} } @media only screen and (min-width:1470px) { .archive .shop-product ul.products li.product{ width:25%;} } @media only screen and (min-width:1470px) { .archive .shop-product ul.products li.product{ width:25%;} .archive .shop-product ul.products li.product:nth-child(4n+1){ clear:left;} } @media only screen and (min-width:1200px) and (max-width:1469px) { .archive .shop-product ul.products li.product{ width:33.3333%;} .archive .shop-product ul.products li.product:nth-child(4n+1){ clear:none;} .archive .shop-product ul.products li.product:nth-child(3n+1){ clear:left;} } @media only screen and (min-width:768px) and (max-width:1199px) { .archive .shop-product ul.products { margin: 0 -15px !important;} .archive .shop-product ul.products li.product{ width:50%; padding:0 15px !important; margin-bottom:40px !important;} .archive .shop-product ul.products li.product:nth-child(3n+1){ clear:none;} .archive .shop-product ul.products li.product:nth-child(2n+1){ clear:left;} } @media only screen and (max-width:1279px) { .archive .shop-product .container{ max-width:1170px; width:100%; } .archive .shop-product .products{ margin-right:0px !important;} } @media only screen and (min-width:768px) and (max-width:1199px) { .archive .shop-product .col-md-3{ width:35%; float:left;} .archive .shop-product .col-md-9{ width:65%;float:left;} } @media only screen and (max-width:767px) { .archive .shop-product .form-wppp-select{float: none !important; max-width: 250px; margin: 0 auto !important;} .archive.woocommerce-page .shop-product ul.products{ display:flex; flex-wrap:wrap; align-items:center;} .archive.woocommerce-page .shop-product ul.products li.product{ width:50%; flaot:none;} .archive.woocommerce nav.woocommerce-pagination{ text-align:center;} .archive .shop-product nav.woocommerce-pagination ul{ padding-left:0 !important;} } .page-template-classroom .shop-product-classes{ padding-top:0; padding-bottom: 0;} .page-template-classroom .product-categories-tabs{ border:none;} .page-template-classroom .product-categories-tabs h2{ font-size:38px; line-height:normal;} .page-template-classroom .product-categories-tabs ul{ display:block; max-width:none; width:100%; padding-left:35px !important; padding-right:20px;} .page-template-classroom .product-categories-tabs ul:after{ width:1px; height:720px; content:""; background:#f1f1f1; position:absolute; right:30px; top:0px;} .page-template-classroom .product-categories-tabs ul li{display:block; width:100%; min-height:0; text-align:left; border:none; margin-bottom:20px; } .page-template-classroom .product-categories-tabs ul li a{background:none; padding:0; color:#838383;display: inline-block; width: auto; } .page-template-classroom .product-categories-tabs ul li.active,.archive .product-categories-tabs ul li:hover, .page-template-classroom .product-categories-tabs ul li:focus{ border:none;box-shadow:none; -webkit-box-shadow:none; background:none;} .page-template-classroom .product-categories-tabs ul li.active a, .archive .product-categories-tabs ul li a:hover{color:#60cae0;} .page-template-classroom .product-categories-tabs ul li a:before{ left:16px; top:auto; width:auto; height:auto;} .page-template-classroom .product-categories-tabs ul li.active a:before, .page-template-classroom .product-categories-tabs ul li a:hover:before{content:"\f058"; font-size:24px;color:#60cae0; font-family:FontAwesome;} .page-template-classroom .shop-product .products{ padding: 40px 0 0px;} .page-template-classroom .product-categories-tabs ul li a.cat-view_all:hover{ background:none;} .page-template-classroom.woocommerce nav.woocommerce-pagination{ text-align:right;} .page-template-classroom.woocommerce .woocommerce-pagination ul.page-numbers li{ text-align:center;} .page-template-classroom .shop-product-classes .products{ padding-left:0 !important;} .page-template-classroom .product-categories-tabs ul li:hover, .page-template-classroom .product-categories-tabs ul li:focus, .page-template-classroom .product-categories-tabs ul li:active, .page-template-classroom .product-categories-tabs ul li.active{box-shadow:none; -webkit-box-shadow:none;} @media only screen and (min-width:768px) { .page-template-classroom .shop-product-classes ul.products{ margin:0 -30px !important;} .page-template-classroom .shop-product-classes ul.products li{ padding:0 30px !important; margin:0 0 60px !important; box-sizing:border-box; display:block; float:left;} .page-template-classroom .shop-product-classes ul.products li .whole-box a{ display:block; position:relative;} .page-template-classroom .shop-product-classes .form-wppp-select{width: 100%; text-align: right; border-bottom: 1px solid #f1f1f1;padding-bottom: 40px; margin-bottom: 0;} .page-template-classroom .shop-product-classes .form-wppp-select .select-style{ max-width:300px; width:100%;} .page-template-classroom .shop-product-classes ul.products li{clear:none;} .page-template-classroom .shop-product-classes ul.products li .content .button{ display:inline-block;} .page-template-classroom .shop-product-classes ul.products li .content .button::after{ margin-left:10px;} .page-template-classroom .shop-product-classes ul.products li .whole-box .content h3{ min-height:70px;} } @media only screen and (min-width:1280px) { .page-template-classroom .shop-product-classes .container{ width:100%; padding:0 60px; max-width:none;} .page-template-classroom .shop-product-classes .products{ margin-right:0px !important;} } @media only screen and (min-width:1470px) { .page-template-classroom .shop-product-classes ul.products li{ width:25%;} .page-template-classroom .shop-product-classes ul.products li:nth-child(4n+1){ clear:left;} .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box .content a.button{padding-left: 10px; padding-right: 10px;} } @media only screen and (min-width:1200px) and (max-width:1469px) { .page-template-classroom .shop-product-classes ul.products li{ width:33.3333%;} .page-template-classroom .shop-product-classes ul.products li:nth-child(4n+1){ clear:none;} .page-template-classroom .shop-product-classes ul.products li:nth-child(3n+1){ clear:left;} } @media only screen and (min-width:768px) and (max-width:1199px) { .page-template-classroom .shop-product-classes ul.products { margin: 0 -15px !important;} .page-template-classroom .shop-product-classes ul.products li:nth-child(3n+1){ clear:none;} .page-template-classroom .shop-product-classes ul.products li:nth-child(2n+1){ clear:left;} .page-template-classroom .shop-product-classes .container{ width:100%; padding:0 60px; max-width:none;} .page-template-classroom .shop-product-classes .products .row li{width:50%; padding:0 15px !important; margin-bottom:40px !important;} } @media only screen and (max-width:1279px) { .page-template-classroom .shop-product .container{ max-width:1170px; width:100%; } .page-template-classroom .shop-product .products{ margin-right:0px !important;} } @media only screen and (min-width:768px) and (max-width:1199px) { .page-template-classroom .shop-product-classes .col-md-3{ width:35%; float:left;} .page-template-classroom .shop-product-classes .col-md-9{ width:65%;float:left;} } @media only screen and (max-width:767px) { .page-template-classroom .shop-product-classes{ padding-top:0px;} .page-template-classroom .shop-product-classes .form-wppp-select{float: none !important; max-width: 250px; margin: 0 auto !important;} .page-template-classroom .shop-product-classes ul.products .row{ display:flex; flex-wrap:wrap; align-items:center;} .page-template-classroom .shop-product-classes ul.products li.all-cat{ width:50%; flaot:none;} .page-template-classroom.woocommerce nav.woocommerce-pagination{ text-align:center;} .page-template-classroom .shop-product-classes nav.woocommerce-pagination ul{ padding-left:0 !important;} } @media only screen and (max-width:560px) { .page-template-classroom .shop-product-classes ul.products li.all-cat{ width:100%; flaot:none;} .page-template-classroom .shop-product-classes ul.products li .whole-box .left-box a .meta .product-time {display: none;} .shop-product-classes ul.products li .whole-box .left-box img {vertical-align: text-bottom;} } @media only screen and (max-width:360px) { .page-template-classroom .shop-product-classes ul.products li .content .button{ font-size:12px;} .shop-product-classes ul.products li .whole-box .left-box img{ height:250px;} } #content .cooking-classes-section ul.woocommerce-error { padding-left: 50px; } .woocommerce-cart .woocommerce-error, .woocommerce-checkout .woocommerce-error { padding: 10px 15px 10px 50px !important; margin-left: 0; } .woocommerce-cart .woocommerce-error:before, .woocommerce-checkout .woocommerce-error:before { top: 50% !important; transform: translateY(-50%); margin: auto; } /*===================== SINGLE PRODUCT IMAGE GALLERY =======================*/ .single-product .woocommerce-product-gallery figure .woocommerce_feat_image .woocommerce-product-gallery__image img { display: inline-block !important; width: 100% !important; height: auto !important; object-fit: cover; } .single-product .woocommerce-product-gallery figure .woocommerce_feat_image .woocommerce-product-gallery__image a { display: block; } @media only screen and (min-width:992px) { #fancybox-left-ico, #fancybox-right-ico { background: none !important; } #fancybox-left-ico:before, #fancybox-right-ico:before { font-size: 40px; font-family: FontAwesome; background: #000; padding: 6px 14px; border-radius: 50%; border: solid 3px #fff; color: #fff; } #fancybox-left-ico:before { content: "\f100"; } #fancybox-right-ico:before { content: "\f101"; } .single.single-product #fancybox-wrap #fancybox-left span, .single.single-product #fancybox-wrap #fancybox-left:hover span { left: -80px !important; } .single.single-product #fancybox-wrap #fancybox-right span, .single.single-product #fancybox-wrap #fancybox-right:hover span { right: -50px !important; } } @media only screen and (max-width:991px) { #fancybox-left-ico, #fancybox-right-ico { background: none !important; } #fancybox-left-ico:before, #fancybox-right-ico:before { font-size: 24px; font-family: FontAwesome; background: #000; padding: 5px 11px; border-radius: 50%; border: solid 3px #fff; color: #fff; } #fancybox-left-ico:before { content: "\f100"; } #fancybox-right-ico:before { content: "\f101"; } .single.single-product #fancybox-wrap #fancybox-left span, .single.single-product #fancybox-wrap #fancybox-left:hover span { left: 0; } .single.single-product #fancybox-wrap #fancybox-right span, .single.single-product #fancybox-wrap #fancybox-right:hover span { right: 30px !important; } } @media only screen and (max-width:580px) { .single.single-product #fancybox-wrap #fancybox-right span, .single.single-product #fancybox-wrap #fancybox-right:hover span { right: -30px !important; } .single.single-product #fancybox-wrap #fancybox-left span, .single.single-product #fancybox-wrap #fancybox-left:hover span { left: -40px; } } /** POPUP CUSTOM **/ /* .show{ z-index: 1001; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .show .show--overlay{ width: 100%; height: 100%; background: rgba(0,0,0,.66); position: absolute; top: 0; left: 0; } .show .img-show{ width: 100%; max-width: 700px; height: 600px; background: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .img-show span{ position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(/wp-content/plugins/easy-fancybox/images/fancybox.png) -40px 0px; cursor: pointer; z-index: 111103; } .img-show img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } */ /*===================== GALLERY MOBILE CSS =======================*/ /* @media only screen and (max-width:480px) { .single.single-product .woocommerce-product-gallery .slick-track .slick-slide { width: calc(100% / 3) !important; } .single-product .woocommerce-product-gallery figure .slick-list .slick-slide img { padding: 10px; width: 100%; height: auto; object-fit: cover; } } */ .meta a { text-decoration: underline; } /* phpk custom style */ .woocommerce-cart-form .checkout-cart table .message-total{ font-size: 14px;padding: 15px;text-align: center} .woocommerce-cart-form .checkout-cart table .message-total p{ font-size: 14px !important;font-family: 'Open Sans', sans-serif;font-weight: normal;text-transform: none; line-height:1.4;} .page-template-books .sample-projects-section .sample-section-inner ul li a{text-decoration: underline;} .page-template-books .sample-projects-section .sample-section-inner ul li a:hover{text-decoration: none;} .page-template-books #content .about-book-section .book-content ul{padding-left: 25px;} .page-template-books #content .about-book-section .book-content ul li{list-style: inherit;} .search-results .search-product-wrapper li.product_r .woocommerce-loop-product__title a, .search-results .shop-product ul li.product_r .woocommerce-loop-product__title a{color: #000; font-size: 28px} .currency-country.currency-aud, .currency-country.currency-usd{display: none} .mobile-menu ul.menu > li.join-mail > a:before{ content: ""; background: url(images/join-mail.svg); background-repeat: no-repeat; background-size: 65%; width: 45px; height: 30px; vertical-align: middle; margin: 0px auto 1px auto; background-position: center center; } @media only screen and (max-width: 767px){ .footer-signup-tutorials{ position: fixed; bottom: 55px !important; width: 100%; border: 1px solid #fff; z-index: 2000; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); } .footer-signup-tutorials h5{max-width: 100%} .footer-signup-tutorials .mc4wp-form .mc4wp-form-fields span{display: block;padding: 10px;} } form.woocommerce-checkout.processing .blockOverlay{position: fixed !important;} .woocommerce-page #content .woocommerce-error{padding-left: 50px !important}