/* ----------------------------------------- */ /* Content Template: top list menu - start */ /* ----------------------------------------- */ .social-widget { max-width: 490px; float: right; } .social-widget nav { display: inline-block; float: left; vertical-align: top; } .login-link{ padding: 4px 10px; background-color: #29cc5b; color: #fff !important; } .newplan-nav a {font-size:13px;} .social-widget a:hover { color: #573AED; } #top-contact-nav { width: 100%; margin: auto !important; position: relative; } #top-contact-nav li { padding: 0px 7px; border-right: 1px solid #eee !important; display: inline-block; } #top-contact-nav a{ font-size: 12px; color: #817e7e !important; } .contact-number { float: right; } .show-menu { width: auto; } .newplan-nav { font-size: 13px; margin-left: 5px; display: inline-block; } .newplan-nav a{ margin-right: 4px; color: #817e7e !important; } .newplan-nav span { background-color: #0fcb11; color: #fff; padding: 2px 7px; margin-right: 4px; } .contact-number h6 { margin: 0; padding: 2px 7px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; letter-spacing: -0.5px; font-weight: 600; color: #5d5b5b; float: left; } .social-widget nav { display:inline-block; } .nav-icon .fa { display: none !important; } ul.navUL, #id-show-menu { list-style: none; margin: 0; padding: 0; } input#id-show-menu { opacity: 0; display:none; } #cnt-whatsaap-ico img { width: 17px; margin-left: 4px; margin-top: 2px; } #cnt-whatsaap-ico {float:left; } @media screen and (max-width: 1217px) { .mobile_menu_active .social-widget { margin: 0 !important; } .social-widget .widget { width: 100% !important; } .contact-number {margin-right: 22px;} } @media screen and (max-width: 800px){ .social-widget nav { position: absolute; right: 0; z-index: 100002; width: 194px; top: -4px; } .log-div { position: absolute; top: 0; right: 48px; z-index: 100003; } .show-menu { cursor: pointer; } .nav-icon .fa { display: block !important; } input.checkbox-menu[type="checkbox"] { display: none; -webkit-appearance: none; } input.checkbox-menu[type="checkbox"]:checked ~ div.menu-block { opacity: 1; visibility: visible; } .nav-icon { display: inline-block; font-size: 1.5em; vertical-align: middle; } .menu-block { background-color: #eee; padding: 3px 3px; display: inline-block; opacity: 0; vertical-align: middle; visibility: hidden; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } ul.navUL li { display: inline-block; padding: 0px 5px; } .social-widget { position: absolute !important; margin: 0; padding: 0; top: -70px; } } /* ----------------------------------------- */ /* Content Template: top list menu - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: My Account - start */ /* ----------------------------------------- */ #content{box-shadow:none; border:none; background-color: transparent;} .woocommerce-MyAccount-navigation { background-color: #fff; padding: 0px 0px; width: 18%; float: left; margin-right: 18px; box-shadow: 0px 3px 4px #eee; border: 1px solid #eee; } ul, ol { margin: 0;} li { margin: 0; list-style:none;} .woocommerce-MyAccount-navigation li:nth-child(1) { background: #0999ff; padding: 15px 15px; } .woocommerce-MyAccount-navigation li:nth-child(1) a { color: #fff; font-weight: 600; } .woocommerce-MyAccount-navigation li:nth-child(6) a{ color: #ed4545;} .woocommerce-MyAccount-navigation li:nth-child(6) a:hover { color:#f00; } .woocommerce-MyAccount-navigation li{padding: 9px 15px; border-bottom: 1px solid #eee;} .woocommerce-MyAccount-navigation a{ color: #8c8c8c; font-size: 12px;} .woocommerce-MyAccount-navigation a:hover { color: #322b2b;} .woocommerce-MyAccount-content { float: right; background-color: #fff; padding: 44px 16px; width: 77%; box-shadow: 0px 3px 4px #eee; border: 1px solid #eee; } .woocommerce-MyAccount-content a { color: #2f72f2; } .button.pay { background-color: #455bf9 !important; color: #fff; border-radius: 2px; padding: 9px 22px; margin-right: 3px; font-size: 15px; font-weight: 600; } .button.view {background-color: #e7e7e7 !important; color: #736F6F; border-radius: 2px; padding: 9px 22px; margin-right: 3px; font-size: 15px; font-weight: 600;} .button.cancel { background-color: transparent !important; color: #888080; } table{border:none;} h2, h3, p, address, .button.pay, .button.view, .button.cancel, input[type="submit"]{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;} p { text-align:center;} address { font-style: normal; font-size: 15px; padding: 10px 13px; color: #222; text-transform: capitalize; } .woocommerce-Address-title.title { background-color: #f9f7f7; margin: 0;} .addresses .title h3 { float: left; margin: 0; padding: 9px 13px; font-size: 17px; font-weight: 600; color: #3C3A5F; } .woocommerce-EditAccountForm.edit-account { max-width: 679px; margin: auto; } label { text-align: left; font-size: 12px; } .woocommerce-MyAccount-content input[type="text"], .woocommerce-MyAccount-content input[type="email"], fieldset input[type="password"],.woocommerce-MyAccount-content input[type="tel"] { width: 97% !important; max-width: 100% !important; background-color: #fff !important; border: 1px solid #eee !important; border-bottom: 1px solid #a1b7a3 !important; padding: 7px 7px; } .woocommerce-MyAccount-content input[type="text"]:focus, .woocommerce-MyAccount-content input[type="text"]:active, .woocommerce-MyAccount-content input[type="email"]:focus, .woocommerce-MyAccount-content input[type="email"]:active, .woocommerce-MyAccount-content input[type="tel"]:focus, .woocommerce-MyAccount-content input[type="tel"]:active, fieldset input[type="password"]:focus, fieldset input[type="password"]:active { border-bottom: 1px solid #2f8ddd !important;} fieldset { max-width: 400px; margin: 40px auto; } legend { text-align: center; width: 100%; padding: 5px 0px; color: #e01d1d; } .woocommerce-MyAccount-content input[type="submit"] { width: 128px; max-width: 142px; padding: 12px !important; background-color: #455bf9 !important; border-radius: 2px; box-sizing: content-box; color: #fff; font-size: 16px; font-weight: 500; position: relative; text-align: center; text-shadow: none; vertical-align: middle; margin: 0; transition: all 0.2s ease-out 0s; text-transform: capitalize; } .woocommerce-MyAccount-content input[type="submit"]:hover{ background-color: #2661c4!important;} .woocommerce-message, .info, .woocommerce-error, .woocommerce-info { border: solid 1px #e7e7ea; background-color: #ffffff } .woocommerce-message .button, .info .button, .woocommerce-error .button, .woocommerce-info .button { float: right; color: #fff; background-color: #2f72f2 !important; border-radius: 2px; padding: 8px 11px; margin-top: -3px; } @media screen and (max-width:1100px) { .woocommerce-MyAccount-content { width: 74%; margin-right: 23px;} } @media screen and (max-width:1100px) { .woocommerce-MyAccount-content { width: 74%; margin-right: 23px;} } @media screen and (max-width:1050px) { .woocommerce-MyAccount-content { width: 65%; } } @media screen and (max-width:600px) { .woocommerce-MyAccount-navigation { width: 100%;} .woocommerce-MyAccount-navigation li { padding: 8px 12px; float: left;} .woocommerce-MyAccount-navigation li:nth-child(1){ padding: 8px 12px;} .woocommerce-MyAccount-content { width: 95%;margin: 7px; padding: 9px 4px; float: left;} .form-row-first, .form-row-last { width: 95%; } } #loading-full{display:block !important} /* ----------------------------------------- */ /* Content Template: My Account - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Common css - start */ /* ----------------------------------------- */ .thumbnail{margin-top:20px!important; margin-bottom:0px !important;} .ddl-navbar { width: 100%; } .col-sm-12{width:100% !important;} body .ddl-nav > li > a { font-weight: 600 !important; font-size: 12px !important; padding: 9px 17px !important; } body .ddl-nav > li > a::after{display:none;} .ddl-nav-wrap { float: right; margin-top: 0; margin-left: 0; margin-bottom: 0; } body .ddl-navbar { margin-bottom: 0; } .container { width: 100%; padding: 0; margin: 0; } #search-top{ display: inline-block; text-align: right; margin-top: 40px; } .search-form{ display: inline-block; vertical-align:top;} #search-top input.search-submit[type="submit"] { padding: 5px 12px; font-size: 14px; display: inline-block; vertical-align: top; } #search-top .search-form .search-field { height: 30px; } h1{ margin:0; font-size: 28px; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 0; } h3, .h3 { font-size: 1em; } h2, .h2 { font-size: 22px; font-weight: 600; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 15px; font-weight: 600; } a:hover, a:focus { color: #f2f2f2; text-decoration: none; } #footer-content { background-color: #2e3542; } #footer-content .row { max-width: 1300px; padding: 20px; margin: auto; } #footer-content h3 { text-align: center; font-weight: 600; color: #dedede; } #footer-content .textwidget { font-size: 13px; color: #8f8a8a; line-height: 15px; } .tagcloud { line-height: 16px; } #footer-content a { color: #fff; font-size: 13px !important; } #footer-content ul{ margin: 0; padding: 0; } #footer-content li{list-style: none;} @media screen and (max-width:400px) { #search-top label { display: inline-block; text-align: left; width: 45%; } } /* ----------------------------------------- */ /* Content Template: Common css - end */ /* ----------------------------------------- */