/* Theme Name: Ersa */ body {color:#444 !important; font-weight:500 !important; line-height:1.8 !important; font-size: 15px !important;} h1 {filter: drop-shadow(0px 5px 10px #000);} .header12 {background-color: #3a383a !important;} .header12 .h12-nav {padding: 10px 0 !important;} .header12 .h12-nav .navbar-nav .nav-item.active .nav-link {color: #c0a95b !important;} .header12 .h12-nav .navbar-nav .nav-item .nav-link {color: #dfdfdf !important; text-transform: uppercase !important; letter-spacing: 0.5px;} .header12 .h12-nav .navbar-nav .nav-item .nav-link:hover {color: #c0a95b !important;} .header12 .h12-nav .navbar-nav .nav-item:last-child {margin-left: 0px !important;} .footer3 {background-color: #3a383a !important; padding-top: 5px !important;} .sd-footer3 .sd-footer-widgets{margin-bottom: 5px !important;} .sd-footer3, .sd-footer3 a { color: #d7d7d7 !important;} .sd-footer3 p {margin-bottom: 0rem !important;} textarea {height: 165px !important;} .sd-port-meta {display: none;} .font-medium.m-b-0 a {font-size: 17px !important; color:#3A383A !important;} .font-medium.m-b-0 a:hover {color:#c0a95b !important;} @media screen and (max-width: 980px) { h1 {font-size:28px !important;} .h5-nav-bar {padding: 15px 0px !important;} } @media screen and (max-width: 340px) { .custom-logo {width: 240px; height: 100%;} .navbar-brand {margin-right: 0rem !important;} } /*--------------------------------------------------------------------- Index ------------------------------------------------------------------*/ /* /* 01. General /* 02. Typography Styling /* 03. Helpers /* 04. Headers & Nav /* 05. Footers /* 06. Content /* 07. Comments /* 08. WP's Default Styles /* 09. WooCommerce /* 10. Responsivness /* /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ */ /* 01. General /* ------------------------------------------------------------------------ */ * { outline: none; } html { position: relative; min-height: 100%; background: #ffffff; } body { background: #ffffff; font-family: "Montserrat", sans-serif; margin: 0; overflow-x: hidden; color: #8d97ad; font-weight: 400; -webkit-text-stroke: 0.001px transparent; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } body input[type="email"], body input[type="submit"], body input[type="text"], body textarea { -webkit-appearance: none; } /* ------------------------------------------------------------------------ */ /* 02. Typography Styling /* ------------------------------------------------------------------------ */ @font-face { font-family: 'Calafia-Regular'; src: url("framework/css/fonts/Calafia-Regular.eot?#iefix") format("embedded-opentype"), url("framework/css/fonts/Calafia-Regular.otf") format("opentype"), url("framework/css/fonts/Calafia-Regular.woff") format("woff"), url("framework/css/fonts/Calafia-Regular.ttf") format("truetype"), url("framework/css/fonts/Calafia-Regular.svg#Calafia-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lavanderia-Sturdy'; src: url("framework/css/fonts/Lavanderia-Sturdy.eot?#iefix") format("embedded-opentype"), url("framework/css/fonts/Lavanderia-Sturdy.otf") format("opentype"), url("framework/css/fonts/Lavanderia-Sturdy.woff") format("woff"), url("framework/css/fonts/Lavanderia-Sturdy.ttf") format("truetype"), url("framework/css/fonts/Lavanderia-Sturdy.svg#Lavanderia-Sturdy") format("svg"); font-weight: normal; font-style: normal; } a:hover, a:focus { text-decoration: none; } a.link { color: #3e4555; } a.link:hover, a.link:focus { color: #c0a95b; } a.white-link { color: #ffffff; } a.white-link:hover, a.white-link:focus { color: #263238; } .img-responsive { width: 100%; height: auto; display: inline-block; } .img-rounded { border-radius: 4px; } .img-rounded img { border-radius: 4px; } html body .mdi:before, html body .mdi-set { line-height: initial; } /******************* Headings *******************/ h1, h2, h3, h4, h5, h6 { color: #3e4555; font-family: "Montserrat", sans-serif; } h1 { line-height: 40px; font-size: 36px; } h2 { line-height: 36px; font-size: 30px; } h3 { line-height: 30px; font-size: 24px; } h4 { line-height: 26px; font-size: 21px; } h5 { line-height: 22px; font-size: 18px; font-weight: 400; } h6 { line-height: 20px; font-size: 16px; font-weight: 400; } .display-5 { font-size: 3rem !important; } .display-6 { font-size: 36px; } .display-7 { font-size: 26px; } .box { border-radius: 4px; padding: 10px; } html body .dl { display: inline-block; } html body .db { display: block; } .no-wrap td, .no-wrap th { white-space: nowrap; } .circle { border-radius: 100%; } /******************* Blockquote *******************/ html body blockquote { border-left: 5px solid #c0a95b; border: 1px solid rgba(120, 130, 140, 0.13); padding: 15px; } .clear { clear: both; } ol li { margin: 5px 0; } /* ------------------------------------------------------------------------ */ /* 03. Helpers /* ------------------------------------------------------------------------ */ /******************* Paddings *******************/ html body .p-0 { padding: 0px; } html body .p-10 { padding: 10px; } html body .p-15 { padding: 15px; } html body .p-20 { padding: 20px; } html body .p-30 { padding: 30px; } html body .p-40 { padding: 40px; } html body .p-l-0 { padding-left: 0px; } html body .p-l-10 { padding-left: 10px; } html body .p-l-20 { padding-left: 20px; } html body .p-r-0 { padding-right: 0px; } html body .p-r-10 { padding-right: 10px; } html body .p-r-20 { padding-right: 20px; } html body .p-r-30 { padding-right: 30px; } html body .p-r-40 { padding-right: 40px; } html body .p-t-0 { padding-top: 0px; } html body .p-t-10 { padding-top: 10px; } html body .p-t-20 { padding-top: 20px; } html body .p-t-30 { padding-top: 30px; } html body .p-b-0 { padding-bottom: 0px; } html body .p-b-5 { padding-bottom: 5px; } html body .p-b-10 { padding-bottom: 10px; } html body .p-b-20 { padding-bottom: 20px; } html body .p-b-30 { padding-bottom: 30px; } html body .p-b-40 { padding-bottom: 40px; } /******************* Margin *******************/ html body .m-0 { margin: 0px; } html body .m-l-5 { margin-left: 5px; } html body .m-l-10 { margin-left: 10px; } html body .m-l-15 { margin-left: 15px; } html body .m-l-20 { margin-left: 20px; } html body .m-l-30 { margin-left: 30px; } html body .m-l-40 { margin-left: 40px; } html body .m-r-5 { margin-right: 5px; } html body .m-r-10 { margin-right: 10px; } html body .m-r-15 { margin-right: 15px; } html body .m-r-20 { margin-right: 20px; } html body .m-r-30 { margin-right: 30px; } html body .m-r-40 { margin-right: 40px; } html body .m-t-0 { margin-top: 0px; } html body .m-t-5 { margin-top: 5px; } html body .m-t-10 { margin-top: 10px; } html body .m-t-15 { margin-top: 15px; } html body .m-t-20 { margin-top: 20px; } html body .m-t-30 { margin-top: 30px; } html body .m-t-40 { margin-top: 40px; } html body .m-t-50 { margin-top: 50px; } html body .m-b-0 { margin-bottom: 0px; } html body .m-b-5 { margin-bottom: 5px; } html body .m-b-10 { margin-bottom: 5px; } html body .m-b-15 { margin-bottom: 15px; } html body .m-b-20 { margin-bottom: 20px; } html body .m-b-30 { margin-bottom: 30px; } html body .m-b-40 { margin-bottom: 40px; } html body .m-b-50 { margin-bottom: 50px; } html body .m-b-60 { margin-bottom: 60px; } html body .m-b-70 { margin-bottom: 70px; } html body .m-b-80 { margin-bottom: 80px; } /******************* vertical alignment *******************/ html body .vt { vertical-align: top; } html body .vm { vertical-align: middle; } html body .vb { vertical-align: bottom; } /******************* Opacity *******************/ .op-8 { opacity: 0.8; } .op-7 { opacity: 0.7; } .op-5 { opacity: 0.5; } .op-3 { opacity: 0.3; } /******************* font weight *******************/ html body .font-bold { font-weight: 700; } html body .font-semibold { font-weight: 600; } html body .font-normal { font-weight: normal; } html body .font-light { font-weight: 300; } html body .font-medium { font-weight: 500; } html body .font-16 { font-size: 16px; } html body .font-14 { font-size: 14px; } html body .font-13 { font-size: 13px; } html body .font-10 { font-size: 10px; } html body .font-18 { font-size: 18px; } html body .font-20 { font-size: 20px; } html body .font-stylish { font-family: "Calafia-Regular"; } /******************* Border *******************/ html body .b-0 { border: none !important; } html body .b-r { border-right: 1px solid rgba(120, 130, 140, 0.13); } html body .b-l { border-left: 1px solid rgba(120, 130, 140, 0.13); } html body .b-b { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } html body .b-t { border-top: 1px solid rgba(120, 130, 140, 0.13); } html body .b-all { border: 1px solid rgba(120, 130, 140, 0.13) !important; } /******************* Thumb size *******************/ .thumb-sm { height: 32px; width: 32px; } .thumb-md { height: 48px; width: 48px; } .thumb-lg { height: 88px; width: 88px; } .hide { display: none; } .img-circle { border-radius: 100%; } .radius { border-radius: 4px; } /******************* Text Colors *******************/ .text-white { color: #ffffff !important; } .text-danger { color: #ff4d7e !important; } .text-muted { color: #8d97ad !important; } .text-warning { color: #fec500 !important; } .text-success { color: #2cdd9b !important; } .text-info { color: #188ef4 !important; } .text-inverse { color: #3e4555 !important; } .text-success-gradiant { background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .text-info-gradiant { background: #188ef4; background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #c0a95b 100%); background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#c0a95b)); background: -webkit-linear-gradient(left, #188ef4 0%, #c0a95b 100%); background: -o-linear-gradient(left, #188ef4 0%, #c0a95b 100%); background: linear-gradient(to right, #188ef4 0%, #c0a95b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .text-purple-gradiant { background: #7f3baf; background: -webkit-linear-gradient(legacy-direction(to right), #7f3baf 0%, #4d3f95 100%); background: -webkit-gradient(linear, left top, right top, from(#7f3baf), to(#4d3f95)); background: -webkit-linear-gradient(left, #7f3baf 0%, #4d3f95 100%); background: -o-linear-gradient(left, #7f3baf 0%, #4d3f95 100%); background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } html body .text-blue { color: #02bec9; } html body .text-purple { color: #7460ee; } html body .text-primary { color: #c0a95b !important; } html body .text-megna { color: #1dc8cd; } html body .text-dark { color: #8d97ad; } html body .text-themecolor { color: #c0a95b; } /******************* Background Colors *******************/ .bg-primary { background-color: #c0a95b !important; } .bg-success { background-color: #2cdd9b !important; } .bg-info { background-color: #188ef4 !important; } .bg-warning { background-color: #fec500 !important; } .bg-danger { background-color: #ff4d7e !important; } .bg-orange { background-color: #ff6a5b !important; } .bg-yellow { background-color: #fed700; } .bg-facebook { background-color: #3b5a9a; } .bg-twitter { background-color: #56adf2; } .bg-success-gradiant { background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); } .bg-info-gradiant { background: #188ef4; background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #c0a95b 100%); background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#c0a95b)); background: -webkit-linear-gradient(left, #188ef4 0%, #c0a95b 100%); background: -o-linear-gradient(left, #188ef4 0%, #c0a95b 100%); background: linear-gradient(to right, #188ef4 0%, #c0a95b 100%); } .bg-danger-gradiant { background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); } .bg-purple-gradiant { background: #7f3baf; background: -webkit-linear-gradient(legacy-direction(to right), #7f3baf 0%, #4d3f95 100%); background: -webkit-gradient(linear, left top, right top, from(#7f3baf), to(#4d3f95)); background: -webkit-linear-gradient(left, #7f3baf 0%, #4d3f95 100%); background: -o-linear-gradient(left, #7f3baf 0%, #4d3f95 100%); background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%); } html body .bg-megna { background-color: #1dc8cd; } html body .bg-theme { background-color: #c0a95b; } html body .bg-inverse { background-color: #3e4555; } html body .bg-purple { background-color: #7460ee; } html body .bg-light { background-color: #f4f8fa; } html body .bg-light-primary { background-color: #f1effd; } html body .bg-light-success { background-color: #e8fdeb; } html body .bg-light-info { background-color: #cfecfe; } html body .bg-light-extra { background-color: #ebf3f5; } html body .bg-light-warning { background-color: #fff8ec; } html body .bg-light-danger { background-color: #f9e7eb; } html body .bg-light-inverse { background-color: #f6f6f6; } html body .bg-light { background-color: #f4f8fa; } html body .bg-white { background-color: #ffffff; } .side-content { max-width: 580px; } /******************* Rounds *******************/ .round { line-height: 48px; color: #ffffff; width: 50px; height: 50px; display: inline-block; font-weight: 400; text-align: center; border-radius: 100%; background: #188ef4; } .round img { border-radius: 100%; } .round-lg { line-height: 65px; width: 60px; height: 60px; font-size: 30px; } .round.round-info { background: #188ef4; } .round.round-warning { background: #fec500; } .round.round-danger { background: #ff4d7e; } .round.round-success { background: #2cdd9b; } .round.round-primary { background: #c0a95b; } /******************* Labels *******************/ .label { padding: 3px 15px; color: #ffffff; font-weight: 400; border-radius: 4px; font-size: 75%; } .label-rounded { border-radius: 60px; } .label-custom { background-color: #1dc8cd; } .label-success { background-color: #2cdd9b; } .label-info { background-color: #188ef4; } .label-warning { background-color: #fec500; } .label-danger { background-color: #ff4d7e; } .label-megna { background-color: #1dc8cd; } .label-primary { background-color: #c0a95b; } .label-purple { background-color: #7460ee; } .label-red { background-color: #fb3a3a; } .label-inverse { background-color: #3e4555; } .label-default { background-color: #f4f8fa; } .label-white { background-color: #ffffff; } .label-light-success { background-color: #e8fdeb; color: #2cdd9b; } .label-light-info { background-color: #cfecfe; color: #188ef4; } .label-light-warning { background-color: #fff8ec; color: #fec500; } .label-light-danger { background-color: #f9e7eb; color: #ff4d7e; } .label-light-megna { background-color: #e0f2f4; color: #1dc8cd; } .label-light-primary { background-color: #f1effd; color: #c0a95b; } .label-light-inverse { background-color: #f6f6f6; color: #3e4555; } /******************* Badge ******************/ .badge { font-weight: 400; } .badge-xs { font-size: 9px; } .badge-xs, .badge-sm { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); } .badge-success { background-color: #2cdd9b; } .badge-info { background-color: #188ef4; } .badge-primary { background-color: #c0a95b; } .badge-warning { background-color: #fec500; } .badge-danger { background-color: #ff4d7e; } .badge-purple { background-color: #7460ee; } .badge-red { background-color: #fb3a3a; } .badge-inverse { background-color: #3e4555; } /******************* List-style-none ******************/ ul.list-style-none { margin: 0px; padding: 0px; } ul.list-style-none li { list-style: none; } ul.list-style-none li a { color: #8d97ad; padding: 8px 0px; display: block; text-decoration: none; } ul.list-style-none li a:hover { color: #c0a95b; } /******************* dropdown-item ******************/ .dropdown-item { padding: 8px 1rem; color: #3A383A; } .navbar .mega-dropdown a:hover { color: #3e4555; } .sd-mw-600 { max-width: 600px; } .sd-mw-500 { max-width: 500px; } .with-text { max-width: 500px; margin-left: 80px; } /******************* Buttons ******************/ .btn { color: #ffffff; padding: 10px 25px; cursor: pointer; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .btn:hover { color: #ffffff; } .btn:focus { -webkit-box-shadow: none; box-shadow: none; } .btn-link { -webkit-box-shadow: none; box-shadow: none; color: #263238; padding: 10px 15px; } .btn-link .underline { border-bottom: 1px solid #263238; } .btn-link:hover { color: #2cdd9b; } .btn-light { color: #263238; } .btn-light:hover { background: #263238; color: #ffffff; border-color: #263238; } .btn-lg { padding: .75rem 1.5rem; font-size: 1.25rem; } .btn-md { padding: 15px 45px; font-size: 16px; } .btn-sm { padding: .25rem .5rem; font-size: 12px; } .btn-xs { padding: .25rem .5rem; font-size: 10px; } .btn-circle { border-radius: 100%; width: 40px; height: 40px; padding: 10px; } .btn-circle.btn-md { padding: 18px 0px; width: 60px; height: 60px; font-size: 20px; } .btn-circle.btn-sm { width: 35px; height: 35px; padding: 8px 10px; font-size: 14px; } .btn-circle.btn-lg { width: 70px; height: 70px; padding: 24px 15px; font-size: 20px; line-height: 23px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 14px 15px; font-size: 24px; } .btn-rounded { border-radius: 60px; -webkit-border-radius: 60px; } .btn-arrow { position: relative; } .btn-arrow span { display: inline-block; position: relative; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: transform; } .btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-1rem, 0, 0); transform: translate3d(-1rem, 0, 0); } .btn-arrow i { position: absolute; width: 1.1em; right: 0px; right: 0rem; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: right, opacity; } .btn-arrow:hover i, .btn-arrow:focus i { opacity: 1; right: -2rem; } .btn-secondary, .btn-secondary.disabled { -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; background-color: #ffffff; color: #8d97ad; } .btn-secondary:hover, .btn-secondary.disabled:hover { color: #ffffff; } .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus { color: #ffffff !important; background: #263238; border-color: #263238; } .btn-primary, .btn-primary.disabled { background: #c0a95b; border: 1px solid #c0a95b; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-primary:hover, .btn-primary.disabled:hover { background: #345bcb; border: 1px solid #345bcb; } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus { background: #345bcb; } .btn-themecolor, .btn-themecolor.disabled { background: #c0a95b; color: #ffffff; border: 1px solid #c0a95b; } .btn-themecolor:hover, .btn-themecolor.disabled:hover { background: #028ee1; border: 1px solid #028ee1; } .btn-themecolor.active, .btn-themecolor:active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:active, .btn-themecolor.disabled:focus { background: #028ee1; } .btn-success, .btn-success.disabled { background: #2cdd9b; border: 1px solid #2cdd9b; color: #ffffff; } .btn-success:hover, .btn-success.disabled:hover { background: #1dc8cc; border: 1px solid #1dc8cc; } .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus { background: #1dc8cc; } .btn-info, .btn-info.disabled { background: #188ef4; border: 1px solid #188ef4; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-info:hover, .btn-info.disabled:hover { background: #2c73cb; border: 1px solid #2c73cb; } .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus { background: #2c73cb; } .btn-warning, .btn-warning.disabled { background: #fec500; color: #ffffff; border: 1px solid #fec500; } .btn-warning:hover, .btn-warning.disabled:hover { background: #dcaf17; color: #ffffff; border: 1px solid #dcaf17; } .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus { background: #dcaf17; color: #ffffff; } .btn-danger, .btn-danger.disabled { background: #ff4d7e; border: 1px solid #ff4d7e; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-danger:hover, .btn-danger.disabled:hover { background: #d73e6b; border: 1px solid #d73e6b; } .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus { background: #d73e6b; } .btn-inverse, .btn-inverse.disabled { background: #3e4555; border: 1px solid #3e4555; color: #ffffff; } .btn-inverse:hover, .btn-inverse.disabled:hover { background: #232a37; color: #ffffff; border: 1px solid #232a37; } .btn-inverse.active, .btn-inverse:active, .btn-inverse:focus, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus { background: #232a37; color: #ffffff; } .btn-red, .btn-red.disabled { background: #fb3a3a; border: 1px solid #fb3a3a; color: #ffffff; } .btn-red:hover, .btn-red.disabled:hover { border: 1px solid #d61f1f; background: #d61f1f; } .btn-red.active, .btn-red:active, .btn-red:focus, .btn-red.disabled.active, .btn-red.disabled:active, .btn-red.disabled:focus { background: #d73e6b; } .btn-success-gradiant { background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); border: 0px; } .btn-success-gradiant:hover { background: #1dc8cc; background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%); background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b)); background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%); background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%); background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%); } .btn-success-gradiant.active, .btn-success-gradiant:active, .btn-success-gradiant:focus { -webkit-box-shadow: 0px; box-shadow: 0px; opacity: 1; } .btn-danger-gradiant, .wpcf7-form-control.wpcf7-submit { background: #c0a95b; border: 0px; transition: ease-in .1s; } .btn-danger-gradiant, .wpcf7-form-control.wpcf7-submit:hover { background: #3A383A; } .wpcf7-form-control.wpcf7-submit { color: #fff; cursor: pointer; padding: 15px 45px; } .btn-danger-gradiant.active, .btn-danger-gradiant:active, .btn-danger-gradiant:focus { -webkit-box-shadow: 0px; box-shadow: 0px; opacity: 1; } .btn-info-gradiant { background: #188ef4; background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #c0a95b 100%); background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#c0a95b)); background: -webkit-linear-gradient(left, #188ef4 0%, #c0a95b 100%); background: -o-linear-gradient(left, #188ef4 0%, #c0a95b 100%); background: linear-gradient(to right, #188ef4 0%, #c0a95b 100%); border: 0px; color: #ffffff; } .btn-info-gradiant:hover { background: #c0a95b; background: -webkit-linear-gradient(legacy-direction(to right), #c0a95b 0%, #188ef4 100%); background: -webkit-gradient(linear, left top, right top, from(#c0a95b), to(#188ef4)); background: -webkit-linear-gradient(left, #c0a95b 0%, #188ef4 100%); background: -o-linear-gradient(left, #c0a95b 0%, #188ef4 100%); background: linear-gradient(to right, #c0a95b 0%, #188ef4 100%); } .btn-info-gradiant.active, .btn-info-gradiant:active, .btn-info-gradiant:focus { -webkit-box-shadow: 0px; box-shadow: 0px; opacity: 1; } .btn-outline-secondary { background-color: #ffffff; color: #727b84; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus { background: #263238; } .btn-outline-primary { color: #c0a95b; background-color: #ffffff; border-color: #c0a95b; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus { background: #c0a95b; color: #ffffff; border-color: #c0a95b; } .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus { background: #345bcb; } .btn-outline-success, a.btn-outline-success { color: #2cdd9b; background-color: transparent; border-color: #2cdd9b; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, a.btn-outline-success:hover, a.btn-outline-success:focus, a.btn-outline-success.focus { background: #2cdd9b; border-color: #2cdd9b; color: #ffffff; } .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus, a.btn-outline-success.active, a.btn-outline-success:active, a.btn-outline-success:focus { background: #1dc8cc; } .btn-outline-info { color: #188ef4; background-color: transparent; border-color: #188ef4; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus { background: #188ef4; border-color: #188ef4; color: #ffffff; } .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus { background: #2c73cb; } .btn-outline-warning { color: #fec500; background-color: transparent; border-color: #fec500; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus { background: #fec500; border-color: #fec500; color: #ffffff; } .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus { background: #dcaf17; } .btn-outline-danger { color: #ff4d7e; background-color: transparent; border-color: #ff4d7e; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus { background: #ff4d7e; border-color: #ff4d7e; color: #ffffff; } .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus { background: #d73e6b; } .btn-outline-red { color: #fb3a3a; background-color: transparent; border-color: #fb3a3a; } .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus { background: #fb3a3a; border-color: #fb3a3a; color: #ffffff; } .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus { background: #d73e6b; } .btn-outline-inverse { color: #3e4555; background-color: transparent; border-color: #3e4555; } .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus { background: #3e4555; border-color: #3e4555; color: #ffffff; } .btn-outline-light:hover { color: #263238 !important; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { background-color: #345bcb; border: 1px solid #345bcb; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover, .btn-success.focus, .btn-success:focus { background-color: #1dc8cc; border: 1px solid #1dc8cc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus { background-color: #2c73cb; border: 1px solid #2c73cb; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover, .btn-warning.focus, .btn-warning:focus { background-color: #dcaf17; border: 1px solid #dcaf17; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { background-color: #d73e6b; border: 1px solid #d73e6b; } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse { background-color: #232a37; border: 1px solid #232a37; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open>.dropdown-toggle.btn-red { background-color: #d61f1f; border: 1px solid #d61f1f; color: #ffffff; } .btn span.btn-devider { display: inline-block; padding-left: 10px; } .sd-lavanderia, .sd-lavanderia h1, .sd-lavanderia h2, .sd-lavanderia h3, .sd-lavanderia h4, .sd-lavanderia h5, .sd-lavanderia h6 { font-family: "Lavanderia-Sturdy"; font-weight: 400; } .sd-calafia, .sd-calafia h1, .sd-calafia h2, .sd-calafia h3, .sd-calafia h4, .sd-calafia h5, .sd-calafia h6 { font-family: "Calafia-Regular"; font-weight: 300; } .sd-width-100 { width: 100%; } /*-------------------*/ /*On off switch*/ /*-------------------*/ .onoffswitch { position: relative; width: 70px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 0 auto; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid transparent; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: ""; padding-right: 27px; background-color: #2cdd9b; color: #FFFFFF; } .onoffswitch-inner:after { content: ""; padding-right: 24px; background-color: #3e4555; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 23px; margin: 6px; background: #FFFFFF; height: 23px; position: absolute; top: -1px; bottom: 0; right: 35px; border-radius: 20px; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { right: 0px; } /*-------------------*/ /*Bootstrap 4 hack*/ /*-------------------*/ .card-columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .card-columns .card { margin-bottom: 30px; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } /* ------------------------------------------------------------------------ */ /* 04. Headers & Nav /* ------------------------------------------------------------------------ */ /* /******************* Topbar *******************/ .topbar { padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; position: absolute; z-index: 999; } .sd-sticky { width: 100%; z-index: 999; -webkit-transition: 0.2s ease-in; transition: 0.2s ease-in; } .topbar.fixed-header, .sd-sticky.fixed-header { position: fixed; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .sd-boxed .topbar.fixed-header, .sd-boxed .sd-sticky.fixed-header { left: 0; top: 0; } .topbar.fixed-header .navbar .navbar-brand img, .sd-sticky.fixed-header .navbar .navbar-brand img { height: 50px; width: auto; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); } .topbar.fixed-header .header3 .navbar .navbar-brand img, .sd-sticky.fixed-header .header3 .navbar .navbar-brand img { height: auto; } /******************* Header 6 *******************/ .sd-header1 { background-color: #fff; } .sd-header1 .dropdown-menu, .sd-header2 .dropdown-menu, .sd-header12 .dropdown-menu, .sd-header13 .dropdown-menu { top: auto; } .navbar-toggler { cursor: pointer; } .header6 .navbar-toggler { color: #ffffff; } .header6 .navbar-brand, .custom-logo-link { line-height: 80px; } .h6-nav-bar { padding: 0px; } .h6-nav-bar .navbar-nav .nav-link { padding: 12px 0; color: #000; } .h6-nav-bar .navbar-nav .nav-item:hover .nav-link, .h6-nav-bar .navbar-nav .nav-item.active .nav-link { color: #000; } .h6-nav-bar .act-buttons .btn { margin: 10px 0 10px 10px; } .sd-header1 .navbar-nav .nav-item, .sd-header6 .navbar-nav .nav-item { margin: 0 20px; } @media (max-width: 1023px) { .h6-nav-bar .navbar-nav .nav-link { padding: 12px 0; } .h6-nav-bar .act-buttons .btn { margin: 10px 0 10px 0px; } .sd-sticky.fixed-header { position: relative; } .sd-sticky.animated { -webkit-animation-duration: 0s; animation-duration: 0s; } .sd-sticky.animated.slideInDown { -webkit-animation-name: none; animation-name: none; } } .menu-item-object-sd-megamenu { display: none!important; } /******************* Main & Page wrapper *******************/ .page-wrapper { padding-top: 0px; } #main-wrapper { overflow: hidden; } /******************* container fluid *******************/ .container-fluid { padding: 0px; } /******************* footer *******************/ .footer { padding: 20px 0; text-align: center; } /******************* Fix-width *******************/ .fix-width { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; } /******************* Spacer *******************/ .spacer { padding: 90px 0; } .mini-spacer { padding: 40px 0; } /******************* Title *******************/ .title { margin: 20px 0 15px; } /******************* Subtitle *******************/ .subtitle { color: #8d97ad; line-height: 24px; } /******************* card *******************/ .card { border: 0px; margin-bottom: 30px; } .card-shadow { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); } .card-group .card { border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 30px; } /******************* Icon space *******************/ .icon-space { margin: 20px 0; } .linking { color: #3e4555; } .linking i { font-size: 14px; margin-left: 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .linking:hover { color: #c0a95b; } .linking:hover i { margin-left: 15px; } /******************* Listing *******************/ .list-block { margin: 0px; padding: 0px; } .list-block li { list-style: none; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-block li i { margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px; } .list-block.with-underline li { border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding: 15px 0; } /******************* Listing *******************/ .img-inline { margin: 0px; padding: 0px; } .img-inline li { list-style: none; } .img-inline li.half-width { width: 49%; display: inline-block; vertical-align: top; } /******************* Image shadow *******************/ .img-shadow { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); } /******************* Image shadow *******************/ .icon-round { width: 80px; line-height: 80px; text-align: center; border-radius: 100%; display: inline-block; } .no-shrink { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /******************* up section *******************/ .up { z-index: 10; position: relative; } .bt-top { position: fixed; bottom: 20px; right: 20px; z-index: 100; visibility: hidden; border: none; } .bt-top:hover { border: none; } .bt-top i { color: #fff; } /******************* both space *******************/ .both-space { margin: 80px 0; } /******************* Side text content *******************/ .side-content { padding: 40px 60px; } /******************* background cover *******************/ .bg-cover { background-size: cover; min-height: 200px; } /******************* Owl carousel *******************/ .owl-carousel { display: block; width: 100%; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-nav.disabled { display: none; } /******************* Max width *******************/ .max-300 { max-width: 300px; } .max-400 { max-width: 400px; } .max-500 { max-width: 500px; } .max-600 { max-width: 600px; } #sd-header.sd-transparent-bg .sd-header1, #sd-header.sd-transparent-bg .sd-header2, #sd-header.sd-transparent-bg .sd-header3, #sd-header.sd-transparent-bg .sd-header4, #sd-header.sd-transparent-bg .sd-header5, #sd-header.sd-transparent-bg .sd-header6, #sd-header.sd-transparent-bg .header7, #sd-header.sd-transparent-bg .header11, #sd-header.sd-transparent-bg .header12, #sd-header.sd-transparent-bg .header13, #sd-header.sd-transparent-bg .header14, #sd-header.sd-transparent-bg .header15, #sd-header.sd-transparent-bg .header16, #sd-header.sd-transparent-bg .header17 { background: #3A383A; } /******************* line sticks *******************/ .stick-bottom { position: relative; margin-bottom: 30px; } .stick-bottom>span { width: 30px; height: 2px; position: absolute; bottom: -7px; left: 0px; display: inline-block; } /******************* position *******************/ .po-absolute { position: absolute; } .po-relative { position: relative; } /*-------------------*/ /*Bootstrap 4 hack*/ /*-------------------*/ .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } /*************/ /* Dropdown*/ /*************/ .navbar-nav .dropdown-toggle::after { display: none; } .navbar-nav .dropdown-menu.b-none { border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); } .navbar-nav { font-weight: 400; } .navbar-nav .dropdown-menu.b-none { border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); } .pre-scroll { position: relative; } .mega-dropdown { position: static; } .mega-dropdown .dropdown-menu { width: 100%; padding: 30px; margin-top: 0px; overflow: hidden; } .mega-dropdown .list-style-none { font-size: 14px; } .mega-dropdown .inside-bg { margin: -30px 0 -30px -30px; } .mega-dropdown .inside-bg-right { margin: -30px -30px -30px 0; } .mega-dropdown .bg-img { background-size: cover; height: 100%; padding: 30px; } .mega-dropdown h6 { margin: 15px 0; font-size: 15px; } .cryptonatorwidget > div:last-child { display: none; } .cryptonatorwidget table td, .cryptonatorwidget table th { border: none !important; } .cryptonatorwidget input, .cryptonatorwidget select { display: block; width: 100%; padding: .5rem .75rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /*************/ /* General Listing*/ /*************/ .general-listing { padding: 0px; margin: 0px; } .general-listing li { list-style: none; } .general-listing li a, .sd-footer-sidebar-widget.widget_nav_menu ul li a, .sd-footer-sidebar-widget.widget_archive ul li a, .sd-footer-sidebar-widget.widget_categories ul li a, .sd-footer-sidebar-widget.widget_pages ul li a, .sd-footer-sidebar-widget.widget_meta ul li a, .sd-footer-sidebar-widget.widget_recent_comments ul li a, .sd-footer-sidebar-widget.widget_recent_entries ul li a, .sd-footer-sidebar-widget.widget_rss ul li a { color: #8d97ad; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .general-listing li:hover a, .sd-footer-sidebar-widget.widget_nav_menu ul li:hover a, .sd-footer-sidebar-widget.widget_archive ul li:hover a, .sd-footer-sidebar-widget.widget_categories ul li:hover>a, .sd-footer-sidebar-widget.widget_pages ul li:hover>a, .sd-footer-sidebar-widget.widget_meta ul li:hover>a, .sd-footer-sidebar-widget.widget_recent_comments ul li:hover>a, .sd-footer-sidebar-widget.widget_recent_entries ul li:hover>a, .sd-footer-sidebar-widget.widget_rss ul li:hover a, .general-listing li:hover a, .sd-footer-sidebar-widget.widget_nav_menu ul li:hover a, .sd-footer-sidebar-widget.widget_archive ul li:hover a, .sd-footer-sidebar-widget.widget_categories ul li:hover>a, .sd-footer-sidebar-widget.widget_pages ul li:hover>a, .sd-footer-sidebar-widget.widget_meta ul li:hover>a, .sd-footer-sidebar-widget.widget_recent_comments ul li:hover>a, .sd-footer-sidebar-widget.widget_recent_entries ul li:hover>a, .sd-footer-sidebar-widget.widget_rss ul li:hover a { padding-left: 10px; } .sd-footer1 .general-listing li:hover a, .sd-footer1 .sd-footer-sidebar-widget.widget_nav_menu ul li:hover a, .sd-footer1 .sd-footer-sidebar-widget.widget_archive ul li:hover a, .sd-footer1 .sd-footer-sidebar-widget.widget_categories ul li:hover>a, .sd-footer1 .sd-footer-sidebar-widget.widget_pages ul li:hover>a, .sd-footer1 .sd-footer-sidebar-widget.widget_meta ul li:hover>a, .sd-footer1 .sd-footer-sidebar-widget.widget_recent_comments ul li:hover>a, .sd-footer1 .sd-footer-sidebar-widget.widget_recent_entries ul li:hover>a, .sd-footer1 .sd-footer-sidebar-widget.widget_rss ul li:hover a, .sd-footer2 .general-listing li:hover a, .sd-footer2 .sd-footer-sidebar-widget.widget_nav_menu ul li:hover a, .sd-footer2 .sd-footer-sidebar-widget.widget_archive ul li:hover a, .sd-footer2 .sd-footer-sidebar-widget.widget_categories ul li:hover>a, .sd-footer2 .sd-footer-sidebar-widget.widget_pages ul li:hover>a, .sd-footer2 .sd-footer-sidebar-widget.widget_meta ul li:hover>a, .sd-footer2 .sd-footer-sidebar-widget.widget_recent_comments ul li:hover>a, .sd-footer2 .sd-footer-sidebar-widget.widget_recent_entries ul li:hover>a, .sd-footer2 .sd-footer-sidebar-widget.widget_rss ul li:hover a { color: #c0a95b; padding-left: 10px; } .general-listing li i { margin-right: 7px; vertical-align: middle; } .general-listing.two-part li { width: 49%; display: inline-block; } .general-listing.only-li li { padding: 5px 0; } /*************/ /* form dark*/ /*************/ .form-control-dark { background: rgba(120, 130, 140, 0.13); color: #ffffff; border-color: rgba(120, 130, 140, 0.13); } .form-control-dark:focus { background: rgba(120, 130, 140, 0.13); color: #ffffff; } /*************/ /* social-round */ /*************/ .round-social a { width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .round-social a:hover { -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); } .round-social.light a { color: #263238; background: #f4f8fa; } .round-social.light a:hover { background: #263238; color: #ffffff; } /*************/ /* Form Banner */ /*************/ .banner { position: relative; max-height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; display: table; } .banner .banner-content { display: table-cell; vertical-align: middle; width: 100%; } @media (max-width: 992px) { .banner { height: auto !important; padding: 100px 0; } } @media (max-width: 767px) { .banner { padding: 30px 0; } } .form-control { padding: .75rem; border: 2px solid rgba(120, 130, 140, 0.13); } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 12px); } .wpcf7-form-control, .charitable-donation-form input[type="text"], .charitable-donation-form input[type="email"] { border: 2px solid rgba(120, 130, 140, 0.13); display: block; width: 100%; padding: .75rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .charitable-submit-field button { background-color: #1dc8cd; border: none; border-radius: 4px; color: #fff; cursor: pointer; padding: 12px 25px; } .wpcf7-captchac { padding: 0; width: auto; border: none; } .wpcf7-form p:last-of-type { margin-bottom: 0; } input[type=date] { color: rgb(73, 80, 87, .5) } /* medical contact form 7 */ #banner2 { background-image: url(../images/banner-bg.jpg); max-height: 800px; } #banner2 .w-50 { width: 50%; } #banner2 .form-row { margin: 0; } #banner2 label.font-12 { font-size: 12px; font-weight: 500; margin-bottom: 5px; } #banner2 input[type=text] { color: #8d97ad; font-weight: 300; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #banner2 button { cursor: pointer; border-radius: 0; } #banner2 button.active, #banner2 button:active { background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); } #banner2 .date label { cursor: pointer; margin: 0; } .appointment-form input[type="text"], .appointment-form input[type="email"], .appointment-form input[type="tel"], .appointment-form input[type="date"], .appointment-form textarea { border: none; padding: 0; font-size: 14px; font-weight: 300; } .appointment-form .wpcf7-textarea { max-height: 30px; } .appointment-form .wpcf7-form-control-wrap { padding: 0; width: 100%; } .appointment-form .ajax-loader { position: absolute; } .medical-form .wpcf7-response-output { display: none !important; } .appointment-form .wpcf7-not-valid-tip { font-size: 12px; } .appointment-form .wpcf7-submit { border-radius: 0; font-size: 14px; padding: 30px; font-weight: 600; } /******************* UI-Elements ******************/ .ccpw-footer-ticker-fixedbar { border: none !important; } /******************* Buttons ******************/ .button-group .btn { margin-bottom: 7px; } /******************* Grid page ******************/ .show-grid { margin-bottom: 10px; padding: 0 15px; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(120, 130, 140, 0.13); background-color: #f4f8fa; } /******************* list and media ******************/ .list-group a.list-group-item:hover { background: #f4f8fa; } .list-group-item.active, .list-group .list-group-item.active:hover { background: #c0a95b; border-color: #c0a95b; } .list-group-item.disabled { color: #8d97ad; background: #f4f8fa; } .media { border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 10px; padding: 15px; } /******************* Notification page Jquery toaster ******************/ .alert-rounded { border-radius: 60px; } /******************* Progress bar ******************/ .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-vertical { min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; } .progress-vertical-bottom { min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .progress-animated { -webkit-animation-duration: 5s; -webkit-animation-name: myanimation; -webkit-transition: 5s all; animation-duration: 5s; animation-name: myanimation; -o-transition: 5s all; transition: 5s all; } @-webkit-keyframes myanimation { from { width: 0; } } @keyframes myanimation { from { width: 0; } } /******************* Vertical tabs ******************/ .vtabs { display: table; } .vtabs .tabs-vertical { width: 150px; border-bottom: 0px; border-right: 1px solid rgba(120, 130, 140, 0.13); display: table-cell; vertical-align: top; } .vtabs .tabs-vertical li .nav-link { color: #263238; margin-bottom: 10px; border: 0px; border-radius: 4px 0 0 4px; } .vtabs .tab-content { display: table-cell; padding: 20px; vertical-align: top; } .tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus { background: #c0a95b; border: 0px; color: #ffffff; } /*Custom vertical tab*/ .customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus { background: #ffffff; border: 0px; border-right: 2px solid #c0a95b; margin-right: -1px; color: #c0a95b; } .tabcontent-border { border: 1px solid #ddd; border-top: 0px; } .customtab2 li a.nav-link { border: 0px; margin-right: 3px; color: #8d97ad; } .customtab2 li a.nav-link.active { background: #c0a95b; color: #ffffff; } .customtab2 li a.nav-link:hover { color: #ffffff; background: #c0a95b; } /******************* Timeline page ******************/ .timeline { position: relative; padding: 20px 0 20px; list-style: none; max-width: 1200px; margin: 0 auto; } .timeline:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #f4f8fa; } .timeline>li { position: relative; margin-bottom: 20px; } .timeline>li:before, .timeline>li:after { content: " "; display: table; } .timeline>li:after { clear: both; } .timeline>li:before, .timeline>li:after { content: " "; display: table; } .timeline>li:after { clear: both; } .timeline>li>.timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid rgba(120, 130, 140, 0.13); border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); } .timeline>li>.timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -8px; border-top: 8px solid transparent; border-right: 0 solid rgba(120, 130, 140, 0.13); border-bottom: 8px solid transparent; border-left: 8px solid rgba(120, 130, 140, 0.13); } .timeline>li>.timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -7px; border-top: 7px solid transparent; border-right: 0 solid #ffffff; border-bottom: 7px solid transparent; border-left: 7px solid #ffffff; } .timeline>li>.timeline-badge { z-index: 10; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 46px; color: #fff; overflow: hidden; } .timeline>li.timeline-inverted>.timeline-panel { float: right; } .timeline>li.timeline-inverted>.timeline-panel:before { right: auto; left: -8px; border-right-width: 8px; border-left-width: 0; } .timeline>li.timeline-inverted>.timeline-panel:after { right: auto; left: -7px; border-right-width: 7px; border-left-width: 0; } .timeline-badge.primary { background-color: #c0a95b; } .timeline-badge.success { background-color: #2cdd9b; } .timeline-badge.warning { background-color: #fec500; } .timeline-badge.danger { background-color: #ff4d7e; } .timeline-badge.info { background-color: #188ef4; } .timeline-title { margin-top: 0; color: inherit; font-weight: 400; } .timeline-body>p, .timeline-body>ul { margin-bottom: 0; } .timeline-body>p+p { margin-top: 5px; } /*============================================================== Ui-bootstrap ============================================================== */ ul.list-icons { margin: 0px; padding: 0px; } ul.list-icons li { list-style: none; line-height: 30px; margin: 5px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } ul.list-icons li a { color: #8d97ad; } ul.list-icons li a:hover { color: #c0a95b; } ul.list-icons li i { font-size: 13px; padding-right: 8px; } ul.list-inline li { display: inline-block; } ul.list-inline li:first-child { padding-left: 0px; } ul.list-inline li a { color: #8d97ad; } ul.list-inline li a:hover { color: #c0a95b; } ul.two-part { margin: 0px; } ul.two-part li { width: 48.8%; } /*Accordion*/ html body .accordion .card { margin-bottom: 0px; } #accordion4 .card-header { border: 1px solid rgba(120, 130, 140, 0.13); background: transparent; margin-bottom: 10px; } #accordion4 .card-header a { color: #8d97ad; } #accordion4 .card-header:hover { background-color: #188ef4; border: 1px solid #188ef4; } #accordion4 .card-header:hover a { color: #ffffff; } #accordion4 .card.active .card-header { background-color: #188ef4; border: 1px solid #188ef4; } #accordion4 .card.active .card-header a { color: #ffffff; } /*===================== Breadcrumb =====================*/ .bc-colored .breadcrumb-item, .bc-colored .breadcrumb-item a { color: #ffffff; } .bc-colored .breadcrumb-item.active, .bc-colored .breadcrumb-item a.active { opacity: 0.7; } .bc-colored .breadcrumb-item+.breadcrumb-item::before { color: rgba(255, 255, 255, 0.4); } .breadcrumb { margin-bottom: 0px; } /******************* Card title *******************/ .card-title { font-size: 18px; } .card-subtitle { color: #8d97ad; margin-bottom: 30px; font-size: 14px; } .card-inverse .card-bodyquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text { color: rgba(255, 255, 255, 0.65); } .card-default .card-header { background: #ffffff; border-bottom: 0px; } .card-success { background: #2cdd9b; border-color: #2cdd9b; } .card-danger { background: #ff4d7e; border-color: #ff4d7e; } .card-warning { background: #fec500; border-color: #fec500; } .card-info { background: #188ef4; border-color: #188ef4; } .card-primary { background: #c0a95b; border-color: #c0a95b; } .card-dark { background: #3e4555; border-color: #3e4555; } .card-megna { background: #1dc8cd; border-color: #1dc8cd; } /*============================================================== Cards page ============================================================== */ .card-columns .card { margin-bottom: 20px; } .collapsing { -webkit-transition: height .08s ease; -o-transition: height .08s ease; transition: height .08s ease; } .card-info { background: #188ef4; border-color: #188ef4; } .card-primary { background: #c0a95b; border-color: #c0a95b; } .card-outline-info { border-color: #188ef4; } .card-outline-info .card-header { background: #188ef4; border-color: #188ef4; } .card-outline-inverse { border-color: #3e4555; } .card-outline-inverse .card-header { background: #3e4555; border-color: #3e4555; } .card-outline-warning { border-color: #fec500; } .card-outline-warning .card-header { background: #fec500; border-color: #fec500; } .card-outline-success { border-color: #2cdd9b; } .card-outline-success .card-header { background: #2cdd9b; border-color: #2cdd9b; } .card-outline-danger { border-color: #ff4d7e; } .card-outline-danger .card-header { background: #ff4d7e; border-color: #ff4d7e; } .card-outline-primary { border-color: #c0a95b; } .card-outline-primary .card-header { background: #c0a95b; border-color: #c0a95b; } /******************* textarea ******************/ textarea { resize: none; } .form-control-danger, .form-control-success, .form-control-warning { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right .5625rem; -webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem; } .has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label { color: #2cdd9b; } .has-success .form-control-success { background-image: url(../../assets/images/ui/success.svg); } .has-success .form-control { border-color: #2cdd9b; } .has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label { color: #fec500; } .has-warning .form-control-warning { background-image: url(../../assets/images/ui/warning.svg); } .has-warning .form-control { border-color: #fec500; } .has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #ff4d7e; } .has-danger .form-control-danger { background-image: url(../../assets/images/ui/danger.svg); } .has-danger .form-control { border-color: #ff4d7e; } .input-group-addon [type="radio"]:not(:checked), .input-group-addon [type="radio"]:checked, .input-group-addon [type="checkbox"]:not(:checked), .input-group-addon [type="checkbox"]:checked { position: initial; opacity: 1; } .input-form .btn { padding: 14px 12px; } .form-control-sm { padding: .25rem .5rem; } /******************* custom modals ******************/ .custom-modal .close-btn { position: absolute; right: 12px; top: 10px; color: #8d97ad; font-size: 25px; background: #ffffff; width: 20px; height: 20px; text-align: center; display: block; border-radius: 100%; line-height: 19px; } .custom-modal .modal-body { overflow: hidden; } .custom-modal .modal-bg-img { background-size: cover; background-position: center center; min-height: 300px; } .modal1 .modal-bg { background-size: contain; background-repeat: no-repeat; background-position: center top; padding: 40px; } .modal1 .input-group { margin-top: -45px; } .modal2 .modal-bg { padding: 30px 30px 30px 15px; } .modal3 .modal-bg { padding: 50px 40px 60px 25px; } .modal4 .modal-bg { padding: 55px 55px 55px 40px; } /******************* Overlay headers and thrid dropdown ******************/ .header-overlay { position: absolute; width: 100%; } .dropdown-item.active, .dropdown-item:active { background-color: #c0a95b; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-item>.ml-auto { position: absolute; right: 15px; top: 10px; } .sd-header7 .dropdown-submenu .dropdown-item>.fa-angle-right { top: 15px; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-left: 0; border-radius: 0.25rem; display: none; } .dropdown-submenu>.dropdown-menu.menu-right { left: auto; right: 100%; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -75%; } .dropdown-menu .divider { background-color: rgba(120, 130, 140, 0.13); height: 1px; margin: 9px 0 !important; overflow: hidden; } /******************* common-innerpage-banner *******************/ .banner-innerpage { padding: 150px 0 100px; background-size: cover; background-position: center center; } .banner-innerpage .title { color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 40px; line-height: 40px; } .banner-innerpage .subtitle { color: #ffffff; } .sd-page-top { padding: 50px 0; } .sd-page-top-transp { padding-top: 90px; } .sd-page-top .title { color: #343a40; margin: 0; } .sd-page-top .subtitle { color: #343a40; margin-top: 15px; } .sd-blog-entry:first-child>.mini-spacer { padding-top: 0; } @media (max-width: 900px) { .static-slider10 .title { font-size: 40px; line-height: 45px; } } .with-noborder .media { border: 0px; padding: 0px; margin: 50px 0; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #c0a95b; cursor: pointer; } /******************* Modal in center *******************/ .modal-dialog { min-height: calc(100vh - 60px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: auto; } @media (max-width: 768px) { .modal-dialog { min-height: calc(100vh - 20px); } } .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /******************* Icons *******************/ .icon-list-demo div { cursor: pointer; line-height: 60px; white-space: nowrap; } .icon-list-demo div p { margin: 10px 0; padding: 5px 0; } .icon-list-demo div:hover { color: #263238; } .icon-list-demo div:hover i { font-size: 2em; } .icon-list-demo i { -webkit-transition: all 0.2s; -webkit-transition: font-size .2s; display: inline-block; font-size: 18px; margin: 0 15px 0 10px; text-align: left; -o-transition: all 0.2s; transition: all 0.2s; -o-transition: font-size .2s; transition: font-size .2s; vertical-align: middle; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .icon-list-demo .col-md-4, .icon-list-demo .col-3 { border-radius: 4px; } /*============================================================== For Laptop & above all (1650px) ============================================================== */ /*============================================================== For Laptop & above all (1370px) ============================================================== */ /*-- ============================================================== Small Desktop & above all (1024px) ============================================================== */ @media (min-width: 1024px) { .contact4 .contact-box { padding: 80px 105px 80px 0px; } .hover-dropdown .navbar-nav>.dropdown:hover>.dropdown-menu { display: block; margin-top: 0px; } .navbar-nav>.dropdown .dropdown-menu { min-width: 210px; margin-top: 0px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } } @media (max-width: 1023px) { .d-flex { display: block !important; } .d-flex.no-block { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .wrap-feature30-box { left: 0; right: 0; margin: 0 auto; top: 50%; } .wrap-feature31-box .right-image, .contact4 .right-image, .form6 .right-image { position: relative; bottom: -95px; } .wrap-feature31-box .right-image img, .contact4 .right-image img, .form6 .right-image img { width: 100%; } .contact1 .detail-box { margin-top: 40px; } .contact1 .p-r-40 { padding-right: 0; } .contact4 .contact-box { padding: 40px 0px 40px 0px; } .contact3 .c-detail { text-align: center; } .contact3 .c-detail .m-r-20 { margin-right: 0; } .contact3 .c-detail h6 { margin-top: 20px; } .contact3 .m-l-30 { margin-left: 0; } .contact3 .contact-box { margin-top: 30px; } .wrap-feature34-box .left-image { position: relative; top: -90px; } .po-absolute { position: relative; } .contact2 .bg-image { margin-right: 15px; margin-left: 15px; } .topbar { background: #c0a95b; position: relative; } .topbar.animated { -webkit-animation-duration: 0s; animation-duration: 0s; } .topbar.animated.slideInDown { -webkit-animation-name: none; animation-name: none; } .header12 .navbar-nav, .h13-social, .header14 .navbar-nav, .h15-social, .sd-header15 .social-icon { display: block; } .sd-si-li { display: inline-block; margin-right: -5px; } .sd-si-li a, .header12 .h12-topbar .navbar .nav-item .nav-link { border: none !important; } #sd-header.sd-transparent-bg-mobile .sd-header1, #sd-header.sd-transparent-bg-mobile .sd-header2, #sd-header.sd-transparent-bg-mobile .sd-header3, #sd-header.sd-transparent-bg-mobile .sd-header4, #sd-header.sd-transparent-bg-mobile .sd-header5, #sd-header.sd-transparent-bg-mobile .sd-header6, #sd-header.sd-transparent-bg-mobile .header7, #sd-header.sd-transparent-bg-mobile .header11, #sd-header.sd-transparent-bg-mobile .header12, #sd-header.sd-transparent-bg-mobile .header13, #sd-header.sd-transparent-bg-mobile .header14, #sd-header.sd-transparent-bg-mobile .header15, #sd-header.sd-transparent-bg-mobile .header16, #sd-header.sd-transparent-bg-mobile .header17 { background: #188ef4; } } /*-- ============================================================== Ipad & above all(768px) ============================================================== */ /*-- ============================================================== Phone and below ipad(767px) ============================================================== */ @media (max-width: 767px) { /*This is for the Global*/ .b-l, .b-r { border-left: 0px; border-right: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .img-inline li.half-width { width: 100%; } .both-space { margin: 10px 0; } .side-content { padding: 40px 20px; } .general-listing.two-part li { width: 100%; display: block; } /*This is for the feature 12*/ .wrap-feature-12 .uneven-box { margin-top: 0px; } /*This is for the feature 16*/ .with-text { margin-left: 0px; } /*This is for the feature 18*/ .wrap-feature-18 .icon-position .icon-round { top: 157px; right: 30px; } /*This is for the feature 22*/ .wrap-feature-22 .text-box, .wrap-feature23-box .text-box { padding: 20px 0px; } .wrap-feature30-box { position: relative; } .contact3 .p-l-0 { padding-left: 20px; } .contact4 .contact-box { padding-left: 15px; padding-right: 15px; } .modal2 .modal-bg { padding: 30px; } .modal3 .modal-bg { padding: 50px 40px 60px; } .modal4 .modal-bg { padding: 40px; } .dropdown-submenu>.dropdown-menu.show { display: block; } } /******************* Header 1 *******************/ .h1-nav { padding: 15px 0; } .h1-nav .navbar-nav .nav-item { margin: 0 20px; } .h1-nav .navbar-nav .nav-item .nav-link { padding: 12px 0px; color: #8d97ad; font-weight: 400; } .h1-nav .navbar-nav .nav-item .nav-link:hover { color: #2cdd9b; } .h1-nav .navbar-nav .nav-item:last-child { margin-right: 0px; } .h1-nav .navbar-nav .nav-item .nav-link { padding: 12px 0px; color: #8d97ad; font-weight: 400; } .h1-nav .navbar-nav .nav-item:hover .nav-link { color: #1dc8cd; } .h1-nav .social-icon li.nav-item { margin: 0 5px; } .h1-nav .social-icon li.nav-item .nav-link { padding: 0 10px; } /******************* Header 2 *******************/ .h2-nav { width: 100%; z-index: 2; left: 0px; padding: 25px 15px; } .h2-nav .navbar-nav .nav-item { margin: 0 15px; } .h2-nav .navbar-nav .nav-item .nav-link { padding: 12px 0px; color: #ffffff; font-weight: 400; } .h2-nav .navbar-nav .nav-item .nav-link:hover { color: #263238; } .h2-nav .navbar-nav .nav-item .btn { opacity: 0.5; } .h2-nav .navbar-nav .nav-item .btn:hover { opacity: 1; } @media (max-width: 1023px) { .h2-nav .dropdown-menu, .h2-nav .dropdown-item:focus, .h2-nav .dropdown-item:hover { background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); border: 0px; } .h2-nav .dropdown-menu .dropdown-item, .h2-nav .dropdown-item:focus .dropdown-item, .h2-nav .dropdown-item:hover .dropdown-item { color: #ffffff; } } /******************* Header 3 *******************/ .sd-header3 { background-color: #fff; position: relative; z-index: 999; } .h3-topbar { padding: 10px 0; } .h3-topbar .list-inline { margin-bottom: 0px; } .h3-topbar .list-inline li { display: inline-block; } .h3-topbar .list-inline li a { padding: 10px 8px; display: block; color: #8d97ad; font-weight: 400; font-size: 14px; } .h3-topbar .list-inline li a:hover { color: #263238; } .h3-topbar .list-inline li a .info-icon { display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 25px; } .h3-topbar .list-inline li a .vdevider, .sd-header8 .list-inline li a .vdevider { width: 1px; background: rgba(120, 130, 140, 0.13); display: inline-block; height: 25px; vertical-align: middle; } .h3-topbar .t-r { text-align: right; } .h3-navbar { border-top: 1px solid rgba(120, 130, 140, 0.13); position: relative; } .h3-navbar .navbar-brand { position: absolute; left: 0; right: 0; margin: 0 auto; width: 240px; text-align: center; background: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); padding: 20px 15px; top: -67px; z-index: 999; } .h3-navbar .navbar { padding: 0px; margin-top: -1px; } .h3-navbar .navbar .navbar-nav .nav-item { margin: 0 10px; } .h3-navbar .navbar .navbar-nav .nav-link { padding: 22px 20px; font-weight: 500; text-transform: uppercase; font-size: 14px; color: #8d97ad; border-top: 1px solid transparent; } .h3-navbar .navbar .navbar-nav .nav-item.active .nav-link, .h3-navbar .navbar .navbar-nav .nav-item:hover .nav-link { border-top: 1px solid #ff4d7e; color: #ff4d7e; } @media (max-width: 1023px) { .h3-topbar .t-r { text-align: left; } .h3-navbar .navbar-brand { position: relative; top: 0px; margin-right: auto; -webkit-box-shadow: none; box-shadow: none; width: auto; background: transparent; padding: 10px 0; margin-left: 0px; } .h3-navbar .navbar-brand .spare-text { display: none; } .h3-navbar .navbar .navbar-nav .nav-link { border-top: 0px; border-left: 1px solid transparent; } .h3-navbar .navbar .navbar-nav .nav-item.active .nav-link, .h3-navbar .navbar .navbar-nav .nav-item:hover .nav-link { border-top: 0px solid #ff4d7e; border-left: 1px solid #ff4d7e; } } /******************* Header 4 *******************/ .sd-header4 { background-color: #fff; } .sd-header4 .sd-right-options .nav-link { color: #8d97ad; } .h4-topbar { background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); } .h4-topbar .navbar { padding: 0; } .h4-topbar .navbar .hidden-lg-up { padding: 15px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase; } .h4-topbar .navbar .navbar-nav .nav-link { padding: 15px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase; } .h4-topbar .navbar .navbar-nav .nav-item:hover .nav-link, .h4-topbar .navbar .navbar-nav .nav-item.active .nav-link { background: #ffffff; color: #263238; } .h4-topbar .navbar .navbar-nav .search .nav-link { background: rgba(0, 0, 0, 0.05); padding: 15px 23px; } .h4-topbar .navbar .navbar-nav .search .dropdown-menu { padding: 20px; width: 300px; } .h4-nav-bar { padding: 15px 0px; } .h4-nav-bar .donate-btn a { font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px; } .h4-nav-bar .nav-item .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 25px; } @media (max-width: 1023px) { .h4-nav-bar .donate-btn a { display: block; margin-left: 0px; } .h4-nav-bar .nav-item .nav-link { padding: 0 10px; margin: 10px 0; } } /******************* Header 5 *******************/ .sd-header5 .navbar-brand { top: 9px; } .sd-header6, .sd-header8 { background-color: #fff; } .sd-header5 .mega-dropdown .dropdown-menu, .sd-header6 .mega-dropdown .dropdown-menu, .sd-header15 .mega-dropdown .dropdown-menu { top: auto; } .h5-nav-bar { padding: 26px 0px; position: relative; width: 100%; left: 0px; } .h5-nav-bar .navbar-brand { position: absolute; } .h5-nav-bar .navbar-nav .nav-link { color: #ffffff; font-size: 14px; padding: 10px 15px; font-weight: 500; } .h5-nav-bar .navbar-nav .nav-item:hover .nav-link { color: #ff4d7e; } .h5-nav-bar .rounded-button { border-radius: 60px; padding: 10px 30px; display: inline-block; border: 2px solid #ff4d7e; position: absolute; right: 0px; color: rgba(255, 255, 255, 0.5); font-size: 14px; } .h5-nav-bar .rounded-button a { color: #ffffff; font-weight: 500; } .h5-nav-bar .rounded-button a:hover { color: #ff4d7e; } @media (max-width: 1023px) { .h5-nav-bar .navbar-brand { position: relative; } .sd-header5 .navbar-brand { top: 0; } .h5-nav-bar .navbar-collapse { padding: 15px 15px 20px; border-radius: 4px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); z-index: 10; } .h5-nav-bar .rounded-button { position: relative; } } /******************* Header 6 *******************/ .h6-topbar { background-color: #f8f9fa; } .h6-topbar .authentication-box { margin-bottom: 0px; padding: 10px 0; } .h6-topbar .authentication-box li { display: inline-block; } .h6-topbar .authentication-box li a { padding: 3px 15px; display: block; color: #8d97ad; font-weight: 400; border-bottom: 0px !important; } .h6-topbar .authentication-box li a:hover { color: #188ef4; } .h6-topbar .authentication-box li a:last-child { padding-right: 0px; } .h6-topbar .authentication-box li i { font-size: 20px; vertical-align: text-bottom; } .h6-nav-bar { padding: 0px; } .h6-nav-bar .navbar-nav .nav-link { padding: 12px 0; color: #8d97ad; } .h6-nav-bar .navbar-nav .nav-item:hover .nav-link, .h6-nav-bar .navbar-nav .nav-item.active .nav-link { color: #263238; } .h6-nav-bar .act-buttons .btn { margin: 10px 0 10px 10px; } @media (max-width: 1023px) { .h6-nav-bar .navbar-nav .nav-link { padding: 12px 0; } .h6-nav-bar .act-buttons .btn { margin: 10px 0 10px 0px; } } /******************* Header 7 *******************/ .sd-header7 { position: relative; z-index: 999; } .sd-header7 .gen-info a { color: #8d97ad; } .sd-header7 .gen-info i { color: #2cdd9b; } .sd-header7 .social-info ul { margin-bottom: 0; } .header7 { background: #3e4555; max-height: 120px; } .header7 .h7-topbar { padding: 15px 0; color: #ffffff; } .header7 .con-btn a { padding: 5px 20px; text-transform: uppercase; } .header7 .h7-nav-bar { background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); } .header7 .h7-nav-bar .logo-box { padding: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 230px; border-right: 1px solid rgba(120, 130, 140, 0.13); } .header7 .h7-nav-bar .h7-nav-box { display: block; width: calc(100% - 230px); } .header7 .h7-nav-bar .h7-nav-box .h7-mini-bar { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .header7 .h7-nav-bar .h7-nav-box .h7-mini-bar .gen-info span { display: inline-block; padding: 15px 20px; font-weight: 400; } .header7 .h7-nav-bar .h7-nav-box .h7-mini-bar .social-info { padding-right: 10px; } .header7 .h7-nav-bar .h7-nav-box .h7-mini-bar .social-info a { display: inline-block; padding: 15px 8px; font-weight: 400; color: #8d97ad; } .header7 .h7-nav-bar .h7-nav-box .h7-mini-bar .social-info a:hover { color: #263238; } .header7 .h7-nav-bar .h7-nav-box .main-nav ul { margin: 0px; padding: 0px; font-size: 13px; font-weight: 500; text-transform: uppercase; } .header7 .h7-nav-bar .h7-nav-box .main-nav ul li { list-style: none; margin: 0px; padding: 0px; position: relative; } .header7 .h7-nav-bar .h7-nav-box .main-nav ul li a { padding: 20px 0px 21px; color: #8d97ad; display: block; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul { display: table; width: 100%; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li { display: table-cell; text-align: center; border-left: 1px solid rgba(120, 130, 140, 0.13); } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li:first-child { border-left: 0px; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li:hover { background: #f4f8fa; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li:hover>ul { display: block; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li ul { position: absolute; background: #f4f8fa; text-align: left; padding: 18px; width: 250px; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li ul li a { padding: 13px 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li ul li a:hover { padding: 13px 10px 13px 18px; color: #263238; } .sd-header7 .dropdown-item:focus, .sd-header7 .dropdown-item:hover { background: none; } @media (max-width: 767px) { .header7 .h7-nav-bar { display: block; } .header7 .h7-nav-bar .logo-box { display: inline-block; } .header7 .h7-nav-bar .h7-nav-box { display: none; width: 100%; } .header7 .h7-nav-bar .h7-nav-box.show { display: block; } .header7 .h7-nav-bar .h7-nav-box .h7-mini-bar { border-top: 1px solid rgba(120, 130, 140, 0.13); } .header7 .h7-nav-bar .h7-nav-box .main-nav { max-height: 200px; overflow: auto; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul { display: block; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li { display: block; text-align: left; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li a { padding: 20px; } .header7 .h7-nav-bar .h7-nav-box .main-nav>ul>li ul { position: relative; width: 100%; padding-top: 0px; } .header7 .h7-nav-bar .op-clo { float: right; margin: 35px 10px 0 0; background: none; } } /******************* Header 11 *******************/ .h11-nav { padding: 0; } .h11-nav .navbar-brand { padding: 10px 0; } .h11-nav .h11-topbar ul { margin-bottom: 0px; padding: 15px 0; } .h11-nav .h11-topbar ul li { display: inline-block; vertical-align: middle; } .h11-nav .h11-topbar ul li a { padding: 0px 7px; color: #8d97ad; display: block; } .h11-nav .h11-topbar ul li:hover a { color: #263238; } .h11-nav .h11-topbar .sd-h8-tel { font-size: 21px; font-weight: 600; color: #263238; padding-left: 5px; } .h11-nav .navbar-nav .nav-item { margin: 0 20px; } .h11-nav .navbar-nav .nav-item .nav-link { padding: 12px 0px; color: #8d97ad; border-bottom: 1px solid transparent; font-weight: 500; text-transform: uppercase; } .h11-nav .navbar-nav .nav-item:hover .nav-link, .h11-nav .navbar-nav .nav-item.active .nav-link { color: #188ef4; border-bottom: 1px solid #188ef4; } .h11-nav .navbar-nav .nav-item:last-child { margin-right: 0px; } @media (max-width: 1023px) { .h11-nav .navbar-nav .nav-item { margin: 0; } } /******************* Header 12 *******************/ .sd-header9 .h12-nav .navbar-nav .mega-dropdown { margin-left: 0 !important; } .header12 { background: #263238; } .header12 .sd-logo-text { color: #fff; } .header12 .navbar-toggler { color: #fff; } .header12 .h12-nav { padding: 15px 0; } .header12 .h12-nav .navbar-nav .nav-item .nav-link { color: #8d97ad; padding: 10px 15px; display: block; } .header12 .h12-nav .navbar-nav .nav-item:hover .nav-link, .header12 .h12-nav .navbar-nav .nav-item.active .nav-link { color: #ffffff; } .header12 .h12-nav .navbar-nav .nav-item:last-child { margin-left: 10px; } .header12 .h12-topbar { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .header12 .h12-topbar .navbar-brand { font-size: 14px; color: #ffffff; padding: 15px 0; } .header12 .h12-topbar .navbar { padding: 0; } .header12 .h12-topbar .navbar .nav-item .nav-link { color: #8d97ad; padding: 15px 20px; border-right: 1px solid rgba(120, 130, 140, 0.13); } .header12 .h12-topbar .navbar .nav-item .nav-link:first-child { border-left: 1px solid rgba(120, 130, 140, 0.13); } .header12 .h12-topbar .navbar .nav-item:hover .nav-link { color: #ffffff; } /******************* Header 13 *******************/ .sd-header13 { background-color: #fff; } .sd-header13 .call-info h5 a { color: #3e4555; } .header13 .h13-nav { padding: 15px 0; } .header13 .h13-nav .call-info { padding-left: 20px; border-left: 1px solid rgba(120, 130, 140, 0.13); } .header13 .h13-nav .call-info small { color: #8d97ad; } .header13 .h13-nav .navbar-nav .nav-item .nav-link { color: #8d97ad; padding: 10px 15px; display: block; } .header13 .h13-nav .navbar-nav .nav-item:hover .nav-link, .header13 .h13-nav .navbar-nav .nav-item.active .nav-link { color: #ff4d7e; } .header13 .h13-nav .navbar-nav .nav-item:last-child { margin-left: 10px; } .header13 .h13-topbar { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .header13 .h13-topbar .navbar-brand { font-size: 14px; color: #188ef4; padding: 15px 0; } .header13 .h13-topbar .navbar { padding: 0; } .header13 .h13-topbar .navbar .search-box { padding: 15px; width: 240px; } .header13 .h13-topbar .navbar .nav-item .nav-link { color: #8d97ad; padding: 15px 20px; } .header13 .h13-topbar .navbar .nav-item .nav-link:first-child { padding-left: 0px; } .header13 .h13-topbar .navbar .nav-item:hover .nav-link { color: #ff4d7e; } /******************* Header 14 *******************/ .sd-header14 { background-color: #fff; } .sd-header14 #h14-info a small, .sd-header14 #h14-info a i { color: #8d97ad; } .sd-header14 .mega-dropdown a { color: #263238; } .h14-topbar { background: #f4f8fa; } .h14-topbar .navbar-brand { font-size: 14px; color: #263238; font-weight: 500; padding: 15px 0; } .h14-topbar .navbar { padding: 0; } .h14-topbar .navbar .search-box { padding: 15px; width: 240px; } .h14-topbar .navbar .nav-item .nav-link { color: #8d97ad; padding: 15px 20px; } .h14-topbar .navbar .nav-item .nav-link:first-child { padding-left: 0px; } .h14-navbar { background: #fed700; } .h14-navbar .navbar { padding: 0; } .h14-navbar .navbar .hidden-lg-up { padding: 15px; color: #263238; font-weight: 500; font-size: 14px; text-transform: uppercase; } .h14-navbar .navbar .navbar-nav .nav-link { padding: 18px 15px; color: #263238; font-weight: 400; font-size: 13px; text-transform: uppercase; } .h14-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .h14-navbar .navbar .navbar-nav .nav-item.active .nav-link { background: rgba(120, 130, 140, 0.13); color: #263238; } .h14-navbar .navbar .navbar-nav .search .nav-link { background: rgba(0, 0, 0, 0.05); padding: 18px 23px; } .h14-navbar .navbar .navbar-nav .search .dropdown-menu { padding: 20px; min-width: 300px; } .h14-navbar .navbar .dropdown-menu { background: #fed700; border-radius: 0 0 4px 4px; margin-top: 0px; } .h14-navbar .navbar .dropdown-menu .dropdown-item { color: #263238; } .h14-navbar .navbar .dropdown-menu .dropdown-item.active, .h14-navbar .navbar .dropdown-menu .dropdown-item:active, .h14-navbar .navbar .dropdown-menu .dropdown-item:hover { background: rgba(120, 130, 140, 0.13); } .h14-info-bar { padding: 15px 0px; } .h14-info-bar .donate-btn a { font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px; } .h14-info-bar .nav-item .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 25px; } @media (max-width: 1023px) { .h14-info-bar .donate-btn a { display: block; margin-left: 0px; } .h14-info-bar .nav-item .nav-link { padding: 0 10px; margin: 10px 0; } } /******************* Header 15 *******************/ .sd-header15 { background-color: #fff; } .sd-header15 .sd-phone-link { color: #8d97ad; } .h15-topbar { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .h15-topbar .navbar-brand { font-size: 14px; color: #263238; font-weight: 500; padding: 15px 0; } .h15-topbar .navbar { padding: 0; } .h15-topbar .navbar .search-box { padding: 15px; width: 240px; } .h15-topbar .navbar .nav-item .nav-link { color: #8d97ad; padding: 15px 20px; } .h15-topbar .navbar .nav-item .nav-link:first-child { padding-left: 0px; } .h15-topbar .navbar .nav-item:hover .nav-link { color: #188ef4; } .h15-topbar .navbar .search .dropdown-menu { padding: 20px; min-width: 300px; } .h15-navbar .navbar { padding: 0; } .h15-navbar .navbar .hidden-lg-up { padding: 15px; color: #263238; font-weight: 500; font-size: 14px; text-transform: uppercase; } .h15-navbar .navbar .navbar-nav .nav-link { padding: 18px 15px; color: #263238; font-weight: 400; font-size: 14px; border-bottom: 1px solid transparent; } .h15-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .h15-navbar .navbar .navbar-nav .nav-item.active .nav-link { color: #188ef4; border-bottom: 1px solid #188ef4; } .h15-navbar .navbar .navbar-nav .search .nav-link { background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); color: #ffffff; padding: 18px 23px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .h15-navbar .navbar .navbar-nav .search:hover .nav-link { color: #ffffff; background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to left), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, right top, left top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(right, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(right, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to left, #2cdd9b 0%, #1dc8cc 100%); border-bottom: 1px solid transparent; } .h15-navbar .navbar .navbar-nav .search .dropdown-menu { padding: 20px; min-width: 300px; } .h15-navbar .navbar .dropdown-menu { background: #188ef4; border-radius: 0 0 4px 4px; margin-top: 0px; } .h15-navbar .navbar .dropdown-menu .dropdown-item, .sd-header15 .sd-mega-li a, .sd-header15 .sd-mega-li h6 { color: #ffffff; } .h15-navbar .navbar .dropdown-menu .dropdown-item.active, .h15-navbar .navbar .dropdown-menu .dropdown-item:active, .h15-navbar .navbar .dropdown-menu .dropdown-item:hover { background: rgba(120, 130, 140, 0.13); } .h15-info-bar { padding: 15px 0px; } .h15-info-bar .donate-btn a { font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px; } .h15-info-bar .nav-item .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 25px; } @media (max-width: 1023px) { .h15-info-bar .donate-btn a { display: block; margin-left: 0px; } .h15-info-bar .nav-item .nav-link { padding: 0 10px; margin: 10px 0; } } /******************* Header 16 *******************/ .sd-header16 { background-color: #fff; } .sd-header16 .sd-phone-link { color: #8d97ad; } .h16-topbar { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .h16-topbar .navbar-brand { font-size: 14px; color: #263238; font-weight: 500; padding: 15px 0; } .h16-topbar .navbar { padding: 0; } .h16-topbar .navbar .search-box { padding: 15px; width: 240px; } .h16-topbar .navbar .nav-item .nav-link { color: #8d97ad; padding: 15px; } .h16-topbar .navbar .nav-item:hover .nav-link { color: #ff4d7e; } .h16-topbar .navbar .search .dropdown-menu { padding: 20px; min-width: 300px; } .h16-navbar { margin-bottom: -55px; position: relative; z-index: 999; } .h16-navbar .navbar { background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); padding: 0px; } .h16-navbar .navbar .hidden-lg-up { padding: 17px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase; } .h16-navbar .navbar .navbar-nav .nav-link { padding: 18px 18px; color: #ffffff; font-weight: 400; font-size: 13px; text-transform: uppercase; margin-right: 5px; } .h16-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .h16-navbar .navbar .navbar-nav .nav-item.active .nav-link { background: rgba(120, 130, 140, 0.13); } .h16-navbar .navbar .navbar-nav .search .nav-link { background: rgba(0, 0, 0, 0.05); color: #ffffff; padding: 18px 23px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; margin-right: 0px; } .h16-navbar .navbar .navbar-nav .search:hover .nav-link { color: #ffffff; background: #3e4555; } .h16-navbar .navbar .navbar-nav .search .dropdown-menu { padding: 20px; min-width: 300px; } .h16-navbar .navbar .dropdown-menu { background: #ff4d7e; border-radius: 0 0 4px 4px; margin-top: 0px; } .h16-navbar .navbar .dropdown-menu .dropdown-item, .sd-header16 .sd-mega-li a, .sd-header16 .sd-mega-li h6 { color: #ffffff; } .h16-navbar .navbar .dropdown-menu .dropdown-item.active, .h16-navbar .navbar .dropdown-menu .dropdown-item:active, .h16-navbar .navbar .dropdown-menu .dropdown-item:hover { background: rgba(120, 130, 140, 0.13); } .h16-info-bar { padding: 15px 0px; } .h16-info-bar .donate-btn a { font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px; } .h16-info-bar .nav-item .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 25px; } #h16-info i { color: #ff4d7e; } @media (max-width: 1023px) { .h16-info-bar .donate-btn a { display: block; margin-left: 0px; } .h16-info-bar .nav-item .nav-link { padding: 0 10px; margin: 10px 0; } } /******************* Header 17 *******************/ .sd-header17 .call-info a { color: #3e4555; } .sd-h17-btn a { font-size: 14px !important; } .header17 .h17-nav { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header17 .h17-nav .call-info { padding-left: 20px; border-left: 1px solid rgba(120, 130, 140, 0.13); vertical-align: middle; } .header17 .h17-nav .call-info small { color: #8d97ad; } .header17 .h17-nav .h17nav-bar { margin-bottom: 0px; } .header17 .h17-nav .h17nav-bar li { display: inline-block; vertical-align: middle; } .header17 .h17-nav .h17nav-bar li a.nav-link { color: #8d97ad; padding: 10px 15px; display: block; } .header17 .tgl-cl:hover i { color: #ff4d7e; } .header17 .h17-nav .h17nav-bar:last-child { margin-left: 10px; } .header17 .h17-main-nav { position: fixed; z-index: 999; overflow: auto; top: 0px; padding: 60px 0; width: 100%; height: 100%; text-align: center; display: none; background: #3e4555; } .header17 .h17-main-nav.show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header17 .h17-main-nav .close-icons { position: absolute; right: 30px; top: 30px; color: #8d97ad; } .header17 .h17-main-nav .close-icons:hover { color: #ffffff; } .header17 .h17-main-nav ul { margin: 0px; padding: 0px; } .header17 .h17-main-nav ul li { list-style: none; } .header17 .h17-main-nav ul li a { color: #8d97ad; } .header17 .h17-main-nav ul li a:hover { color: #ffffff; } .header17 .h17-main-nav .nav-menu { display: inline-block; } .header17 .h17-main-nav .nav-menu li a { font-size: 24px; padding: 10px 0 7px; margin-bottom: 5px; display: block; border-bottom: 2px solid transparent; } .header17 .h17-main-nav .nav-menu li:hover a, .header17 .h17-main-nav .nav-menu li.active a { border-bottom: 2px solid #ff4d7e; color: #ffffff; } .sd-header17 .header17 .h17-main-nav .nav-menu .sd-h17-btn a, .sd-header17 .header17 .h17-main-nav .nav-menu .sd-h17-btn:hover a { color: #ffffff; margin-top: 20px; padding: 10px 25px; border-bottom: 2px solid transparent; } .header17 .h17-main-nav .info-nav { margin-top: 60px; } .header17 .h17-main-nav .info-nav i { color: #ff4d7e; } .header17 .h17-main-nav .info-nav li { display: inline-block; } .header17 .h17-main-nav .info-nav li a { padding: 0 10px; } .header17 .h17-main-nav .social-nav li { display: inline-block; } .header17 .h17-main-nav .social-nav li a { padding: 10px; display: block; } .header17 .h17-main-nav .social-nav li:last-child { display: block; } .sd-boxed .header17 .h17-main-nav { left: 0; } .sd-header17 .nav-link.tgl-cl i { font-size: 30px; } @media (max-width: 599px) { .h-17navbar { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } } /* ------------------------------------------------------------------------ */ /* 05. Footers /* ------------------------------------------------------------------------ */ /******************* Footer 1 *******************/ #ft1 .navbar-nav { margin-left: -10px; } .sd-footer1 .sub-menu { display: none; } .f1-cta-icon { color: #ff4d7e; } .footer1 .f1-topbar { border-bottom: 1px dashed rgba(120, 130, 140, 0.13); } .footer1 .f1-topbar .navbar { padding: 0px; } .footer1 .f1-topbar .navbar .navbar-nav .nav-item .nav-link { color: #8d97ad; display: block; padding: 15px 13px; } .footer1 .f1-topbar .navbar .navbar-nav .nav-item:hover .nav-link, .footer1 .f1-topbar .navbar .navbar-nav .nav-item.active .nav-link { color: #c0a95b; } .footer1 .f1-middle { padding: 40px 0; } .footer1 .f1-bottom-bar { padding: 20px 0; border-top: 1px solid rgba(120, 130, 140, 0.13); } /******************* Footer 2 *******************/ .sd-footer2 .sd-footer-widget-title { color: #fff; } .footer2 { background-color: #343a40; padding: 60px 0; } .footer2 .f2-topbar { padding-bottom: 20px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .footer2 .f2-middle { padding-top: 40px; } .footer2 .link, .sd-social-icons-widget .link { color: #8d97ad; padding: 10px 15px 10px 0; } .footer2 .general-listing li a i { font-size: 9px; margin-right: 10px; } .footer2 .info-box .d-flex { padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .footer2 .subscribe-box { background: rgba(120, 130, 140, 0.13); padding: 25px; } .footer2 .subscribe-box .form-control { background: transparent; padding: 10px 0; border: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); color: #ffffff; border-radius: 0px; } .footer2 .subscribe-box .form-control:focus { border-bottom: 1px solid #ffffff; } .sd-sidebar-widget .subscribe-box i { color: #3e4555 !important; } /******************* Footer 3 *******************/ .sd-footer3 .sd-footer-widgets { margin-bottom: 30px; } .sd-footer3 .sd-footer-widget-title { color: #fff; } .sd-footer3 .sd-footer-sidebar-widget a:hover { color: #fff; } .sd-footer3 .sd-copyright a { color: #8d97ad; } .sd-footer3 .sd-copyright a:hover { color: #fff; } .footer3 { background-color: #343a40; padding-top: 50px; } .footer3 .f3-topbar { padding-bottom: 20px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .footer3 .f3-topbar .input-group .form-control { font-size: 16px; } .footer3 .f3-topbar .input-group .btn { padding: 16px 20px; margin-left: -2px; } .footer3 .f3-middle { padding-top: 40px; } .footer3 .general-listing li:hover a, .footer3 .general-listing li:hover i { color: #ffffff; } .footer3 .link { color: #8d97ad; } .footer3 .link:hover { color: #ffffff; } .footer3 .f3-bottom-bar { background: rgba(0, 0, 0, 0.1); padding: 20px 0; } .footer3 .f3-bottom-bar .link { padding: 0 12px; } /******************* Footer 4 *******************/ .sd-footer4 .sd-social-icons-widget a { background-color: #f4f8fa; border-radius: 500px; color: #263238; display: inline-block; height: 34px; line-height: 34px; margin-right: 5px; opacity: 1; padding: 0; text-align: center; width: 34px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .sd-footer4 .sd-social-icons-widget a:hover { background-color: #188ef4; color: #fff; webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); } .sd-footer4 .sub-menu { display: none; } .footer4 .f4-bottom-bar { padding-top: 10px; margin-top: 20px; border-top: 1px solid rgba(120, 130, 140, 0.13); } .sd-footer4 .navbar-nav .nav-item .nav-link:hover { color: #188ef4; } .footer5 .form-control { background: #ffffff; } .footer5 .social-links { margin: 20px 0; } .footer5 .social-links a, .sd-social-icons-widget a { color: #8d97ad; opacity: 0.5; padding: 0 15px 0 0; } .footer5 .social-links a:hover, .sd-social-icons-widget a:hover { color: #c0a95b; opacity: 1; } /******************* Footer 6 *******************/ .footer6 { background-color: #3e4555; } .footer6 .round-social a { background: rgba(120, 130, 140, 0.13); color: #8d97ad; width: 40px; height: 40px; line-height: 40px; } .footer6 .round-social a:hover { color: #ffffff; } .f5-content { color: #fff; } /* ------------------------------------------------------------------------ */ /* 06. Content /* ------------------------------------------------------------------------ */ /* tabs shortcode */ .wrap-feature41-box .f41-tab { display: block; } .wrap-feature41-box .f41-tab li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding: 25px; } .wrap-feature41-box .f41-tab li a .t-icon { margin-right: 25px; color: #8d97ad; } .wrap-feature41-box .f41-tab li a h5 { font-weight: 500; } .wrap-feature41-box .f41-tab li a h6 { font-size: 14px; margin-bottom: 0px; } .wrap-feature41-box .f41-tab li a.active, .wrap-feature41-box .f41-tab li a:hover { background: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); } .wrap-feature41-box .f41-tab li a.active .t-icon, .wrap-feature41-box .f41-tab li a:hover .t-icon { background: #00b4ff; background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #00b4ff 100%); background: -webkit-gradient(linear, left top, right top, from(#00b4ff), to(#00b4ff)); background: -webkit-linear-gradient(left, #00b4ff 0%, #00b4ff 100%); background: -o-linear-gradient(left, #00b4ff 0%, #00b4ff 100%); background: linear-gradient(to right, #00b4ff 0%, #00b4ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } /* mailchimp shortcode */ .sd-mailchimp3 input { line-height: 62px; padding: 0; margin: 0; border: none; display: inline-block; vertical-align: top; } .sd-mailchimp3 input[type="email"] { color: #8d97ad; border-radius: 36px 0 0 36px; text-indent: 35px; padding-right: 15px; width: 61%; font-weight: 300; -webkit-box-shadow: -5px 0 30px 0 rgba(0, 0, 0, 0.05); box-shadow: -5px 0 30px 0 rgba(0, 0, 0, 0.05); -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sd-mailchimp3 input[type="submit"] { border-radius: 0 36px 36px 0; width: auto; padding: 0 30px; cursor: pointer; margin-left: -4px; -webkit-box-shadow: 5px 0 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 5px 0 30px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sd-mailchimp3 input[type="submit"]:hover { opacity: 0.7; } /* pricing table shortcode */ .pricing2 ul li { display: block; } .pricing2 { background-size: cover; } .pricing2 .above-card { margin: -70px -32px -32px; } .pricing2 .above-card .card { padding: 30px; } .pricing2 .pricing-text sup { top: -50px; font-size: 24px; } .pricing2 .pricing-text span { font-size: 100px; font-weight: 400; line-height: 100px; color: #263238; } .pricing2 .list-inline { margin: 0 0 30px 0; } .pricing2 .list-inline li { padding: 7px 0; } @media (max-width: 767px) { .pricing2 { max-height: 100%; margin-bottom: 0px; } .pricing2 .pricing-box { margin-top: 20px; } .pricing2 .display-5 { font-size: 36px; } .pricing2 .above-card { margin: 0; } .pricing2 .above-card .card { padding: 0px; } } @media (max-width: 1023px) { .form2 h1 { margin-top: 25px; } .form2 .have-ac { margin-top: 25px; } } .pricing1 .card { -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .pricing1 .card:hover { -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-font-smoothing: antialiased; } .pricing1 .badge { top: -13px; position: absolute; left: 0; right: 0; width: 100px; margin: 0 auto; } .pricing1 .title { margin-top: 20px; margin-bottom: 5px; } .pricing1 .subtitle { font-size: 14px; } .pricing1 .pricing { margin: 20px 0; } .pricing1 .pricing sup { font-size: 18px; top: -20px; } .pricing1 .pricing .display-5 { color: #263238; } .pricing1 .pricing .yearly { display: none; } .pricing1 .list-inline { margin-top: 30px; } .pricing1 .list-inline li { padding: 8px 0; display: block; } .pricing1 .bottom-btn { position: relative; bottom: 0px; } .pricing5 .general-listing { margin: 90px 0 60px 0; } .pricing5 .general-listing.only-li li { padding: 20px 0; display: block; } .pricing5 .card { background-size: 100% !important; } .pricing5 .yearly { display: none; } .pricing5 .pricing-box { margin-top: 120px; } .pricing5 .pricing-box .middle-box { margin-top: -75px; } .pricing5 .pricing-box .middle-box .general-listing { margin-top: 60px; } .pricing6 .price-box { margin: 20px 0; } .pricing6 .price-box sup { top: -20px; font-size: 16px; } .pricing6 .price-box .display-5 { line-height: 58px; } .pricing6 .general-listing { padding-left: 30px; } .pricing6 .general-listing.only-li li { padding: 10px 0; } .pricing8 .pricing-box sup { top: -20px; font-size: 16px; } .pricing8 .pricing-box .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; } @media (max-width: 767px) { .pricing5 .pricing-box { margin-top: 40px; } .pricing5 .pricing-box .middle-box { margin-top: 0px; } } .sd-pricing1 .price small { color: #8d97ad; font-size: 16px; } .sd-inline { display: inline-block; } /* events */ .single-tribe_events .sd-blog-page { padding-top: 50px; } .sd-events img { height: auto; max-width: 100%; } .blog-home2 [class*=col-] { -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .blog-home2 [class*=col-]:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .blog-home2 .date-pos { padding: 10px; display: inline-block; position: absolute; right: 10px; top: 10px; color: #ffffff; border-radius: 4px; text-align: center; } .blog-home2 .date-pos span { display: block; font-size: 30px; line-height: 30px; } /* campaign carousel */ .sd-campaigns-carousel img { height: auto; max-width: 100%; width: 100%; } .sd-campaigns-carousel h5 a { color: #3e4555; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #4DC7A0; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4DC7A0; } .sd-light-shadow-btn button { box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.14); } .sd-icon-box-charity .top-icon .aio-icon-title { margin: 20px 0; } /* portfolio vc shortcode */ .portfolio-box { margin-top: 60px; position: relative; width: 100%; } .portfolio-box .filter .overlay-box { margin-bottom: 30px; position: relative; } .portfolio-box .filter .overlay-box .overlay { position: absolute; background: rgba(29, 200, 205, 0.9); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%; } .portfolio-box .filter .overlay-box .overlay .port-text { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; top: 0px; width: 0px; text-align: center; } .portfolio-box .filter .overlay-box .overlay .port-text h5 { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px; } .portfolio-box .filter .overlay-box .overlay .port-text span { color: #ffffff; font-size: 14px; } .portfolio-box .filter .overlay-box:hover .overlay { display: block; top: 0px; height: 100%; } .portfolio-box .filter .overlay-box:hover .overlay .port-text { top: 43%; width: 100%; } /* portfolio box photography */ .sd-portfolio-box-photo .filter .overlay-box { margin-bottom: 30px; position: relative; } .sd-portfolio-box-photo .filter .overlay-box .overlay { position: absolute; background: rgba(26, 32, 36, 0.8); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-text { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; bottom: 20px; width: 0px; left: 20px; text-align: left; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-text h5 { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-text span { color: #ffffff; font-size: 14px; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-like { position: absolute; right: 20px; top: 20px; color: #ffffff; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-like .like-dislike { background: transparent; border: 2px solid #ffffff; padding: 7px 15px; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-like .like-dislike .text-active { display: none; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-like .like-dislike.active .text { display: none; } .sd-portfolio-box-photo .filter .overlay-box .overlay .port-like .like-dislike.active .text-active { display: inline-block; } .sd-portfolio-box-photo .filter .overlay-box:hover .overlay { display: block; top: 0px; height: 100%; } .sd-portfolio-box-photo .filter .overlay-box:hover .overlay .port-text { width: 100%; top: auto; } .filterby a { padding: 10px; font-weight: 400; color: #8d97ad; } .filterby a:hover { color: #07d79c; } .hidden { display: none; } .sd-filterable { margin-top: 60px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* portfolio carousel vc shortcode */ .sd-test-carousel img { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); height: auto; width: 100%; } .sd-test-carousel .owl-item { opacity: 0.3; } .sd-test-carousel .owl-item.center { opacity: 1; } .img-ho { overflow: hidden; } .img-ho img { -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in; } .img-ho img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* testimonials vc shortcode */ .sd-testimonials-style6 .sd-test-desc { font-size: 14px; } .testimonial9 .card { position: relative; } .testimonial9 .card .p-40::after { position: absolute; bottom: -15px; left: 20; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #ffffff; } .testimonial9 .owl-theme .owl-dots .owl-dot.active span, .testimonial9 .owl-theme .owl-dots .owl-dot:hover span { background: #ffffff; } .testimonial9 .owl-dots { position: absolute; left: -98%; bottom: 0; cursor: pointer; } .testimonial9 .devider { height: 2px; width: 40px; display: inline-block; margin: 22px 0; } .testimonial9 h5.text { line-height: 30px; font-weight: 300; } .testimonial9 .customer-thumb img { width: 60px; margin-right: 20px; } .testimonial9 .d-flex { margin-left: 25px; } @media (max-width: 767px) { .testimonial9 .owl-dots { position: relative; top: 0px; left: 0px; } } .testimonial5 .testi5 { position: relative; } .testimonial5 .testi5 .content { font-size: 21px; line-height: 30px; padding: 50px 30px; } .testimonial5 .testi5 .owl-item.center .content { color: #ffffff; background: #20d7e3; background: -webkit-linear-gradient(legacy-direction(to right), #20d7e3 0%, #20aee3 100%); background: -webkit-gradient(linear, left top, right top, from(#20d7e3), to(#20aee3)); background: -webkit-linear-gradient(left, #20d7e3 0%, #20aee3 100%); background: -o-linear-gradient(left, #20d7e3 0%, #20aee3 100%); background: linear-gradient(to right, #20d7e3 0%, #20aee3 100%); } .testimonial5 .testi5 .customer-thumb { margin-top: -30px; display: none; } .testimonial5 .testi5 .customer-thumb img { width: 60px; margin-bottom: 20px; } .testimonial5 .testi5 .owl-item.center .customer-thumb { display: block; } .sd-testimonials-style6 .card-body { border: 1px solid rgba(120, 130, 140, .13); border-radius: 4px; padding: 40px; } .sd-testimonials-style6 h6 { line-height: 26px; } .sd-testimonials-style6 .thumb-img img { width: 60px; } .sd-testimonials-style6 .customer { text-transform: uppercase; font-size: 14px; font-weight: 500; } .testimonial6 .testi6 { border-right: 1px solid rgba(120, 130, 140, 0.13); } .testimonial6 .testi6 .nav-link { border-radius: 0px; margin: 8px -2px 8px 0; } .testimonial6 .testi6 .nav-link img { width: 70px; opacity: 0.5; } .testimonial6 .testi6 .nav-link.active { background: transparent; color: #8d97ad; border-right: 3px solid #fed700; } .testimonial6 .testi6 .nav-link.active img { opacity: 1; } .sd-testimonials-style4 { background-size: cover; background-position: center center; background-attachment: fixed; } .sd-testimonials-style4 .quote-bg { max-width: 800px; width: 100%; margin: 0 auto; padding: 60px; background: url(framework/images/up-quote.png) no-repeat top left, url(framework/images/down-quote.png) no-repeat bottom right; } .sd-testimonials-style4 h3 { line-height: 40px; } .sd-testimonials-style4 .customer-thumb { margin: 15px 0; } .sd-testimonials-style4 .customer-thumb img { width: 60px; } .sd-thumb-back { background-color: #1dc8cd; display: block; right: 26px; position: absolute; top: 21px; width: 350px; height: 350px; border-radius: 100%; } .sd-testimonials-style3 .image-thumb { position: relative; text-align: center; } .sd-testimonials-style3 .image-thumb img { height: 400px; position: relative; width: 400px; z-index: 2; } .sd-testimonials-style3 .owl-dots { display: inline-block; position: relative; bottom: 0; } .sd-testimonials-style3 .owl-dots .owl-dot { border-radius: 100%; width: 70px; height: 70px; background-size: cover; margin-right: 10px; opacity: 0.4; cursor: pointer; } .sd-testimonials-style3 .owl-dots .owl-dot span { display: none; } .sd-testimonials-style3 .owl-dots .owl-dot.active, .sd-testimonials-style3 .owl-dots .owl-dot:hover { opacity: 1; } .sd-testimonials-style2 .card-body { padding: 35px; } .sd-testimonials-style2 .thumb { position: relative; padding: 10px 20px 10px; padding-left: 90px; margin-left: -35px; display: inline-block; color: #ffffff; margin-bottom: 30px; } .sd-testimonials-style2 .thumb .thumb-img { width: 60px; position: absolute; left: 20px; top: -10px; } .sd-testimonials-style2 h5 { line-height: 30px; } .sd-testimonials-style2 .devider { height: 1px; background: rgba(120, 130, 140, 0.13); margin: 20px 0; display: inline-block; width: 100px; } .sd-testimonials-style1 .quote { font-size: 30px; height: 80px; left: -40px; line-height: 80px; position: absolute; text-align: center; top: -40px; width: 80px; } .testimonial7 { background: #00b4ff; /* Old browsers */ background: -moz-linear-gradient(left, #00b4ff 0%, #00b4ff 48%, #f5f7fa 48%, #f5f7fa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #00b4ff 0%, #00b4ff 51%, #f5f7fa 48%, #f5f7fa 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#00b4ff), color-stop(48%, #00b4ff), color-stop(48%, #f5f7fa), to(#f5f7fa)); background: -webkit-linear-gradient(left, #00b4ff 0%, #00b4ff 48%, #f5f7fa 48%, #f5f7fa 100%); background: -o-linear-gradient(left, #00b4ff 0%, #00b4ff 48%, #f5f7fa 48%, #f5f7fa 100%); background: linear-gradient(to right, #00b4ff 0%, #00b4ff 48%, #f5f7fa 48%, #f5f7fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$info', endColorstr='$light', GradientType=1); /* IE6-9 */ } .sd-rb-arrows .slick-prev.circle-border.slick-arrow { color: #8d97ad !important; right: 40px; left: auto; top: 100%; } .sd-rb-arrows .slick-next.circle-border.slick-arrow { color: #8d97ad !important; top: 100%; position: absolute; right: 0; } .sd-rb-arrows .slick-prev.circle-border.slick-arrow:hover, .sd-rb-arrows .slick-next.circle-border.slick-arrow:hover { color: #263238 !important; } .sd-aio-m0 .aio-icon-header+.aio-icon-description { margin-top: 0; } .sd-aio-m0 .aio-icon-title { margin-bottom: 0; } .ult-modal-input-wrapper { margin-bottom: 0 !important; } /* latest blog vc shortcode */ .sd-latest-blog4 .sd-blog-cats { font-weight: 500; text-transform: uppercase; font-size: 13px; line-height: 19.5px; } .sd-latest-blog4 .comments-link { color: #3e4555; } .sd-latest-blog4 .sd-blog-date, .sd-latest-blog4 .sd-blog-author { text-transform: uppercase; } .sd-latest-blog4 .carousel img { height: auto; max-width: 100%; } .sd-latest-blog3 .col-md-8 a { color: #263238; } .sd-latest-blog3 .col-md-8 a:hover { color: #1dc8cd } .sd-latest-blog img { height: auto; max-width: 100%; border-radius: calc(.25rem - 1px); } .sd-latest-blog .bg-info-gradiant a { color: #fff; } .sd-img-tint { position: relative; float: left; cursor: pointer; } .sd-img-tint::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba( 47, 88, 108, 0.7); border-radius: calc(.25rem - 1px); } .blog-home1 .col-md-4 { -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .blog-home1 .col-md-4:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .blog-home5 .b-h-box { position: relative; color: #ffffff; } .blog-home5 .b-h-box .card-img-overlay { bottom: 0; top: auto; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; height: 45%; overflow: hidden; } .blog-home5 .b-h-box .card-title { color: #ffffff; margin: 15px 0; } .blog-home5 .b-h-box .card-text { display: none; } .blog-home5 .b-h-box:hover { color: #8d97ad; } .blog-home5 .b-h-box:hover .card-img-overlay { bottom: 0; height: 100%; background: #ffffff; border: 3px solid rgba(120, 130, 140, 0.13); } .blog-home5 .b-h-box:hover .card-title { color: #263238; margin: 15px 0; } .blog-home5 .b-h-box:hover .card-text { display: block; } .sd-acc-carousel ul { text-align: left; } .sd-acc-carousel ul li { padding-left: 15px; } .sd-acc-carousel ul li i { -webkit-appearance: none; } /* sd helpers */ .sd-zindex-h { position: relative; z-index: 999999; } .sd-scale, .sd-scale-img img { -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .sd-scale:hover, .sd-scale-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sd-move-up { -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .sd-move-up:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .sd-shadow-img img { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); } .sd-rounded-img img { border-radius: 4px; } .sd-overflow-h { overflow: hidden; } .sd-cursor-pointer { cursor: pointer; } .sd-br-60 { border-radius: 60px; } /* revslider */ .tp-withaction { cursor: pointer; } .tp-video-play-button { text-align: center !important; } .wpb_revslider_element { margin: 0 -15px; } .sd-centered-wrapper .wpb_revslider_element { margin: 0; } .sd-single-blog-entry ul { list-style-position: inside; } .sd-single-blog-entry p:not(:last-child) { margin-bottom: 1.36842105263158em; } .sd-blog-entry img, .sd-single-blog-entry img { height: auto; max-width: 100%; border-radius: 4px; } .sd-more-p { margin-bottom: 0; margin-top: 30px; } .sd-more-p a { font-weight: 500; background: none; border: 1px solid #91a1b4; border-radius: 4px; color: #435061; display: inline-block; padding: 15px 20px; position: relative; text-transform: capitalize; } .sd-more-p a:hover { color: #007bff; } .sd-entry-video { height: 0; padding-bottom: 56.25%; position: relative; } .wp-block-embed iframe { max-width: 100%; } .sd-entry-video iframe { border-radius: 4px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .sd-entry-video .mejs-poster { height: auto !important; max-width: 100% !important; } .sd-entry-meta ul li { margin-right: 15px; font-size: 12px; } .sd-entry-meta ul li a { color: #8d97ad; } .sd-entry-meta ul li a:hover { color: #007bff; } .sd-entry-meta i { margin-right: 2px; } /* full width */ .sd-full-width { margin: 0; position: relative; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .sd-centered-wrapper { margin: 0 -15px; } .sd-centered-wrapper .container {} .vc_row-o-equal-height .sd-centered-wrapper { display: flex; } .vc_row.vc_row-o-equal-height .sd-centered-wrapper>.vc_column_container { align-items: stretch; } .vc_row.vc_row-flex .sd-centered-wrapper>.vc_column_container { display: flex; } .vc_row.vc_column-gap-1 .sd-centered-wrapper>.vc_column_container { padding: 0.5px; } .vc_row.vc_column-gap-2 .sd-centered-wrapper>.vc_column_container { padding: 1px; } .vc_row.vc_column-gap-3 .sd-centered-wrapper>.vc_column_container { padding: 1.5px; } .vc_row.vc_column-gap-4 .sd-centered-wrapper>.vc_column_container { padding: 2px; } .vc_row.vc_column-gap-5 .sd-centered-wrapper>.vc_column_container { padding: 2.5px; } .vc_row.vc_column-gap-10 .sd-centered-wrapper>.vc_column_container { padding: 5px; } .vc_row.vc_column-gap-15 .sd-centered-wrapper>.vc_column_container { padding: 7.5px; } .vc_row.vc_column-gap-20 .sd-centered-wrapper>.vc_column_container { padding: 10px; } .vc_row.vc_column-gap-25 .sd-centered-wrapper>.vc_column_container { padding: 12.5px; } .vc_row.vc_column-gap-30 .sd-centered-wrapper>.vc_column_container { padding: 15px; } .vc_row.vc_column-gap-35 .sd-centered-wrapper>.vc_column_container { padding: 17.5px; } .vc_row.vc_row-flex .sd-centered-wrapper>.vc_column_container>.vc_column-inner { display: flex; flex-direction: column; flex-grow: 1; } .vc_row.vc_row-o-content-bottom .sd-centered-wrapper>.vc_column_container>.vc_column-inner { justify-content: flex-end; } .vc_row.vc_row-o-content-top .sd-centered-wrapper>.vc_column_container>.vc_column-inner { justify-content: flex-start; } .vc_row.vc_row-flex .sd-centered-wrapper>.vc_column_container>.vc_column-inner { justify-content: center; } .wpb_wrapper { position: relative; z-index: 100; } .wpb_wrapper .wpb_row {} .wpb_wrapper ul { margin: 0; padding: 0; } .wpb_row { position: relative; } /* boxed */ .sd-boxed { background-color: #fff; border: 1px solid #dfe5e9; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.05); margin: 50px auto; max-width: 100%; width: 1000px; } .sd-boxed .wpb_row { margin-left: 0 !important; margin-right: 0 !important; } /* ------------------------------------------------------------------------ */ /* 07. Comments /* ------------------------------------------------------------------------ */ .sd-comments-wrapper .form-submit { width: 100%; } .sd-author-avatar { float: left; margin-right: 1rem; } .sd-comments-wrapper ul { list-style: none; } .form-allowed-tags { display: none; } .sd-comment-body { margin-bottom: 50px; } .sd-comment-text { overflow: hidden; position: relative; } .sd-comment-author { margin-bottom: .25rem; } .sd-comment-author cite, .sd-comment-author cite a { color: #3e4555; font-style: normal; font-size: 18px; font-weight: 400; line-height: 22px; } .sd-author-avatar img { border-radius: 500px; } .comment-respond { margin-bottom: 50px; } .form-submit, .logged-in-as { padding-left: 15px; } .comment-respond h6 { padding-left: 15px; } .sd-sidebar-widget ul { list-style: none; padding: 0; margin-bottom: 0; } .sd-sidebar-widgets { background-color: #f1f4f8; border-radius: 4px; padding: 40px 30px; } .sd-sidebar-widgets a { color: #8d97ad; } .sd-sidebar-widgets ul li { padding-bottom: 10px; font-weight: 300; border-bottom: 1px solid #e1e5eb; margin-bottom: 10px; } .sd-sidebar-widget-title { margin-bottom: 20px; } .sd-sidebar-widgets a:hover { color: #c0a95b; } .sd-sidebar-widgets .sub-menu { padding-left: 20px; } .sub-menu li:last-child { border: 0; margin-bottom: 0; } .sd-sidebar-widgets img, .sd-sidebar-widgets select { max-width: 100%; } .sd-sidebar-widgets .children li:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } .sd-sidebar-widgets .children li:first-child { border-top: 1px solid #e1e5eb; padding-top: 10px; margin-top: 10px; } .sd-sidebar-widgets .children { padding-left: 20px; } table { border-radius: 4px; border: 1px solid #ddd; margin-bottom: 20px; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.alt { background: #f9f9f9; } table tbody tr:nth-child(even) { background: #f9f9f9; } table tbody tr td { padding: 9px 10px; vertical-align: top; border: none; } table tbody tr.even { background: #fff; } table tr th { padding: 10px; } .page .sd-blog-page { padding-top: 40px; } /* ------------------------------------------------------------------------ */ /* 08. WP's Default Styles /* ------------------------------------------------------------------------ */ .sd-footer-sidebar-widget img, .sd-footer-sidebar-widget select { max-width: 100%; } .sd-latest-posts-widget .thumb img { min-width: 60px; width: 60px; } /* search widget */ .sd-search { position: relative; } .sd-search-input { background-color: #fff; border: 2px solid #f4f4f4; border-radius: 3px; float: left; height: 40px; line-height: 40px; padding: 0 40px 0 10px; width: 100%; } .sd-search-button { background: none; border: none; display: block; height: 40px; position: absolute; right: 40px; width: 20px; } .sd-search-button { right: 20px; } .sd-search-button i { color: #808080; } .sd-footer-sidebar-widget .recentcomments a { display: inherit !important; padding: inherit !important; margin: inherit !important; padding-top: 10px !important; padding-bottom: 10px !important; } .sd-footer-sidebar-widget.widget_nav_menu ul, .sd-footer-sidebar-widget.widget_archive ul, .sd-footer-sidebar-widget.widget_categories ul, .sd-footer-sidebar-widget.widget_pages ul, .sd-footer-sidebar-widget.widget_meta ul, .sd-footer-sidebar-widget.widget_recent_comments ul, .sd-footer-sidebar-widget.widget_recent_entries ul, .sd-footer-sidebar-widget.widget_rss ul { font-size: 14px; list-style: none; margin-top: 10px; padding: 0; } .sd-2-sidebars .sd-footer-sidebar-widget.widget_nav_menu ul li, .sd-3-sidebars .sd-footer-sidebar-widget.widget_nav_menu ul li { display: inline-block; width: 49%; } .sd-footer-sidebar-widget.widget_nav_menu ul li a::before, .sd-footer-sidebar-widget.widget_archive ul li a::before, .sd-footer-sidebar-widget.widget_categories ul li a::before, .sd-footer-sidebar-widget.widget_pages ul li a::before, .sd-footer-sidebar-widget.widget_meta ul li a::before, .sd-footer-sidebar-widget.widget_recent_entries ul li a::before, .sd-footer-sidebar-widget.widget_rss ul li a::before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; margin-right: 7px; vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sd-footer-sidebar-widget.widget_archive ul li a, .sd-footer-sidebar-widget.widget_categories ul li a, .sd-footer-sidebar-widget.widget_rss ul li a { display: inline-block; } .sd-contact-widget a { color: #1d2124; } .sd-footer2 .sd-contact-widget a, .sd-footer3 .sd-contact-widget a { color: #8d97ad; } #wp-calendar { width: 100% } #wp-calendar caption { padding: 0 10px; text-align: left; font-weight: bold; margin: 10px 0 5px 0; } #wp-calendar thead { font-size: 10px } #wp-calendar thead th { padding: 5px 10px; font-weight: bold; border-top: 1px solid #f5f5f5; } #wp-calendar tbody { color: #aaa } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #e1e5eb; text-align: center; padding: 5px 8px; } #wp-calendar tbody td:hover { background: #c0a95b; color: #fff; } #wp-calendar tbody .pad { background: none } #wp-calendar tfoot #next { font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: right; padding-top: 5px; } #wp-calendar tfoot #prev { font-size: 11px; font-weight: bold; text-transform: uppercase; padding-top: 5px; } #prev { text-align: left; margin: 10px 0 0 0; } #next { text-align: right; margin: 10px 0 0 0; } .textwidget { margin-bottom: 0; padding-bottom: 0; } .textwidget p { padding-bottom: 10px; } .textwidget p:last-child { margin: 0; padding: 0; } .textwidget img { height: auto; } .wp-smiley { margin: 0 !important; max-height: 1em; } .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .bypostauthor { color: #000; } /*--gallery--*/ .gallery-item img { border: none !important; } .gallery-item { padding: 0 20px !important; } .caption { margin-left: 10px; } .sd-left-col img { max-width: 100%; height: auto; } .aligncenter, div.aligncenter { display: block; margin: 0 auto 20px; } .alignleft { float: left; margin-bottom: 10px !important; margin-right: 10px; } .alignright { float: right; margin-bottom: 10px !important; margin-left: 10px; } .alignnone { margin-bottom: 10px; } .sd-page-navigation { clear: both; width: 100%; display: block; } .wp-caption { background-color: #fff; border: 1px solid #e0e0e1; margin-top: 10px; margin-bottom: 10px; padding-top: 4px; text-align: center; max-width: 100%; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { color: #696969; font-size: 12px; line-height: 20px; margin: 0; padding: 3px 5px 4px; } .gallery-caption { color: #000; } .post-password-form input[type="password"] { background-color: #fbfcfd; border: 1px solid #e5e9ec; height: 40px; line-height: 40px; padding: 0 10px; } .post-password-form input[type="submit"] { background-color: #51b848; border-bottom: 2px solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px; border-radius: 0; color: #fff; font-weight: 700; height: 40px; line-height: 40px; padding: 0 15px; } .post-password-form input[type="submit"]:hover { opacity: .8; } .tagcloud a { border: 1px solid #fff; color: #989898; display: inline-block; background-color: #f1f6f8; border-radius: 3px; font-size: 14px !important; margin: 0 5px 5px 0; padding: 5px 20px; } .tagcloud a:hover { background-color: #c0a95b; color: #fff !important; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* blogroll */ .blogroll { list-style: none; } .blogroll li { float: left; width: 46%; } /******************* Preloader ********************/ .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff; } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } .loader, .loader__figure { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader { overflow: visible; padding-top: 2em; height: 0; width: 2em; } .loader__figure { height: 0; width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 solid #1976d2; border-radius: 50%; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .loader__label { float: left; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0.5em 0 0 50%; font-size: 0.875em; letter-spacing: 0.1em; line-height: 1.5em; color: #1976d2; white-space: nowrap; -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } /* 404 page */ .sd-404-page { padding: 100px 0; } .sd-not-found { background-color: #188ef4; height: 213.62px; margin: 103.92px 0; position: relative; width: 360px; } .sd-not-found::before, .sd-not-found::after { border-left: 180px solid transparent; border-right: 180px solid transparent; content: ""; position: absolute; width: 0; } .sd-not-found::before { border-bottom: 103.92px solid #188ef4; bottom: 100%; } .sd-not-found::after { border-top: 103.92px solid #188ef4; top: 100%; width: 0; } .sd-404-hexagon { position: relative; } .sd-404-hexagon::before { background: #fff none repeat scroll 0 0; border-radius: 12px; content: ""; height: 12px; left: 50%; margin-left: -1px; position: absolute; top: -65px; width: 12px; z-index: 1; } .sd-404-hexagon::after { background: #e8e8e8 none repeat scroll 0 0; content: ""; height: 145px; left: 50%; margin-left: 4px; position: absolute; top: -204px; width: 2px; z-index: 2; } .sd-404-text { padding-top: 30px; text-align: center; } .sd-404 { color: #fff; display: block; font-size: 130px; font-weight: 700; line-height: 130px; } .sd-page-not-found { color: #fff; font-size: 20px; } .sd-404-left { border: 1px solid #dde2e4; border-width: 1px 0; height: 214px; margin-left: -20px; margin-top: 104px; padding: 30px 0 0 40px; } .sd-404-left h2 { color: #188ef4; font-size: 24px; margin-bottom: 15px; } .sd-404-left p { color: #808080; font-weight: 500; } /* ------------------------------------------------------------------------ */ /* 09. WooCommerce /* ------------------------------------------------------------------------ */ .sd-woo-short .woocommerce { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .sd-shop-wrap { padding-top: 50px; } .sd-is-transp .sd-shop-wrap { padding-top: 0; } .page-description p:first-child { margin: 0; } .products { clear: both; margin-top: 40px; } .woocommerce-result-count { color: #8d97ad; float: left; font-size: 16px; font-weight: 300; line-height: 24px; margin-top: 11px; margin-bottom: 40px; } .woocommerce-ordering { float: right; } .woocommerce-ordering select, .sd-select-wrapper select, .woocommerce .select2-container--default .select2-selection--single, .sd-shipping-calculator select, .charitable-form-field-select select { margin: 0 !important; background: url(framework/images/custom-select.png) right 0.75rem center no-repeat; border: 2px solid rgba(120, 130, 140, 0.13); height: calc(2.25rem + 12px); font-weight: 300; display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; line-height: 1.25; color: #495057; vertical-align: middle; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; } /* product listing */ .sd-product { background-color: #fff; position: relative; } .sd-loop-class { margin-bottom: 55px; } .sd-product img { height: auto; max-width: 100%; width: 100%; } .sd-thumb-add-cart { position: relative; } .sd-thumb-add-cart .onsale, .sd-soldout, .sd-off-price { background-color: #2cdd9b; border-radius: 60px; font-size: 14px; font-weight: 400; color: #fff; height: 25px; right: 10px; line-height: 25px; padding: 0 15px; position: absolute; text-align: center; text-transform: capitalize; top: 10px; z-index: 10; } .sd-solout-text { background-color: #ff4d7e; } .single-product .sd-woo { padding-top: 90px; } .sd-single-product .woocommerce-Reviews-title { font-size: 22px; margin-bottom: 30px; } .sd-single-product .comment-text .description { overflow: hidden; } .sd-thumb-add-cart .onsale span, .sd-soldout span {} .sd-soldout-wrapper { position: relative; } .sd-thumb-add-cart .sd-soldout-wrapper { position: initial; } .sd-soldout { background-color: #f00; color: #fff; left: 0; } .sd-shop-thumb-overlay { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .sd-product:hover .sd-shop-thumb-overlay { opacity: 1; background: rgba(255, 255, 255, 0.5); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sd-add-cart { margin-top: -21.5px; position: absolute; text-align: center; top: 50%; width: 100%; } .sd-add-cart a, #yith-quick-view-content .button { cursor: pointer; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out !important; } .sd-shop-thumb-overlay .yith-wcqv-button { color: #808080; display: block; font-size: 13px; left: 0; margin: 20px auto 0; position: absolute; right: 0; text-align: center; text-decoration: underline; text-transform: uppercase; top: 50%; width: auto; } .sd-shop-thumb-overlay .blockOverlay { background-color: transparent !important; } .sd-add-cart a:hover {} .sd-woo .add_to_cart_button { overflow: hidden; position: relative; } .sd-add-cart .added_to_cart { display: none; } .sd-loading-cart { color: #fff; display: none; font-size: 40px; left: 0; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 10; } .sd-product-content { margin-top: 30px; } .sd-product-content h3 a { color: #3e4555; font-size: 16px; font-weight: 400; line-height: 20px; } .sd-product-content h3 a:hover { color: #c0a95b; } .sd-product-content p { margin-top: 0; } .sd-price { display: inline-block; } .sd-price .amount, .sd-price ins { color: #3e4555; font-size: 18px; font-weight: 500; text-decoration: none; } .sd-price ins { float: left; } .sd-price del { float: right; margin-left: 5px; } .sd-price del, .sd-price del .amount { color: #8d97ad; } .sd-prod-cats { display: block; line-height: 24px; font-weight: 400; font-size: 16px; margin-bottom: 10px; } .sd-prod-cats a { color: #8d97ad; } .sd-stars { line-height: normal; } /* star rating */ .woocommerce p.stars { display: inline-block; position: relative; } .woocommerce p.stars a { color: #ff9800; display: inline-block; padding-right: 20px; position: relative; text-indent: -999em; width: auto; } .woocommerce p.stars a:after { content: '\f006'; display: block; font-family: FontAwesome; height: 1em; left: 0; position: absolute; text-indent: 0; top: 0; width: 1em; } .woocommerce p.stars:hover a:after, .woocommerce p.stars.selected a.active:after { content: '\f005'; } .woocommerce p.stars a:after, .woocommerce p.stars a:hover~a:after { content: '\f006'; } .woocommerce p.selected a:not(.active):after { content: '\f005'; } .woocommerce p.stars.selected a:not(.active):after { content: '\f005'; } .woocommerce p.stars.selected a.active~a:after { content: '\f006'; } .woocommerce .comment-form-rating { margin-bottom: 20px; } /* display star rating */ /* Source http://codepen.io/janwagner/pen/vObMrZ */ .wc-layered-nav-rating .star-rating { display: inline-block; } .product_list_widget .star-rating { float: right; } .star-rating { height: 13px; position: relative; width: 65px; } .star-rating::before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20none%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important; background-repeat: repeat-x; background-size: 13px; bottom: 0; content: ""; display: block; height: 13px; left: 0; position: absolute; right: 0; top: 0; width: 65px; } .star-rating>span { display: block; text-indent: -10000px; width: 65px; height: 13px; overflow: hidden; position: absolute; left: 0; } .star-rating>span::before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23ff9800!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important; background-repeat: repeat-x; background-size: 13px; bottom: 0; content: ""; display: block; height: 13px; left: 0; position: absolute; right: 0; text-indent: 10000px; top: 0; } .comment-text .star-rating>span { left: 0; right: auto; } /* pagination */ .sd-woo .woocommerce-pagination { margin-bottom: 100px; text-align: center; } .sd-woo .woocommerce-pagination ul li { display: inline-block; list-style: none; } .sd-woo .woocommerce-pagination span.page-numbers, .sd-woo .woocommerce-pagination a.page-numbers { background-color: #fff; border-radius: 3px; color: #3e4555; display: block; font-size: 18px; font-weight: normal; height: 47px; line-height: 47px; width: 44px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .sd-woo .woocommerce-pagination span.current, .sd-woo .woocommerce-pagination a:hover.page-numbers { background-color: #c0a95b; color: #fff; } .sd-woo .woocommerce-pagination span.current {} /* woo widgets */ .sd-sidebar-shop ul { list-style: none; padding: 0; } .sd-sidebar-shop a { color: #3e4555; } .sd-sidebar-shop .widget_shopping_cart_content .buttons { margin-bottom: 0; } .sd-sidebar-shop .widget_product_search { margin-bottom: 30px; } /* cart widget */ .sd-sidebar-widget .widget_shopping_cart_content img { float: right; height: auto; width: 60px; } .sd-sidebar-widget .widget_shopping_cart_content .remove:hover { color: #f00; } .sd-sidebar-widget .widget_shopping_cart_content .quantity { color: #80878d; display: block; font-size: 14px; } .sd-sidebar-widget .widget_shopping_cart_content .quantity .amount { color: #373c40; } .sd-sidebar-widget .widget_shopping_cart_content .total .amount { color: #2c73cb; } .sd-sidebar-widget .widget_shopping_cart_content .total { background-color: #f9fafb; border: 1px solid #dfe5e9; border-width: 1px 0; color: #373c40; font-size: 14px; margin: 30px 0; padding: 10px; } .sd-sidebar-widget .widget_shopping_cart_content p { margin: 0; } .sd-sidebar-widget .widget_shopping_cart_content .total strong { font-weight: normal; } .sd-sidebar-widget .widget_shopping_cart_content .total .amount { font-weight: 500; padding-left: 10px; } .sd-sidebar-widget .widget_shopping_cart_content ul li { border-bottom: 1px solid #f5f7f8; clear: both; margin-bottom: 15px; overflow: hidden; padding-bottom: 15px; width: 100%; } .sd-sidebar-widget .widget_shopping_cart_content ul li:last-child { border: none; margin: 0; padding: 0; } .sd-sidebar-widget .widget_shopping_cart_content .wc-forward, .sd-sidebar-widget .price_slider_amount button { border-radius: 3px; color: #848a90; display: inline-block; font-weight: 500; height: 40px; line-height: 37px; padding: 0 20px; text-transform: uppercase; } .sd-sidebar-widget .widget_shopping_cart_content .checkout { color: #fff !important; } .sd-sidebar-shop .product_list_widget li ins span { display: inline-block !important; } /* price slider */ .sd-sidebar-widget .price_slider { background-color: #808080; display: block; height: 5px; margin-bottom: 20px; position: relative; } .sd-sidebar-widget .ui-slider-range { background-color: #3e4555; height: 100%; position: absolute; } .sd-sidebar-widget .ui-slider-handle { background-color: #fd5f54; border-radius: 100px; cursor: w-resize; height: 16px; margin-left: -1px; position: absolute; top: -5px; width: 16px; } .sd-sidebar-widget .ui-slider-handle:hover {} .sd-sidebar-widget .price_slider .ui-slider-handle:last-child { margin-left: -5px; } .sd-sidebar-widget .price_slider_amount .price_label { color: #373c40; float: right; text-transform: uppercase; } .sd-sidebar-widget .widget_shopping_cart_content .wc-forward { background: none; border: 1px solid #188ef4; color: #188ef4; font-size: 13px; font-weight: normal; height: 40px; line-height: 40px; margin-left: 10px; padding: 0 10px; } .sd-sidebar-widget .widget_shopping_cart_content .wc-forward:hover { color: #188ef4; } .sd-sidebar-widget .price_slider_amount button, .sd-sidebar-widget .widget_shopping_cart_content .checkout { background-color: #188ef4; border: none; border-radius: 4px; color: #fff; float: left; font-size: 16px; font-weight: 400; height: 40px; line-height: 40px; margin-left: 0; padding: 0 15px; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out !important; } .sd-sidebar-widget .widget_shopping_cart_content .checkout:hover { color: #fff !important; } .sd-sidebar-widget .widget_shopping_cart_content .checkout:focus { border: none; } .sd-sidebar-widget .price_slider_amount button:hover, .sd-sidebar-widget .widget_shopping_cart_content .checkout:hover { color: #fff; opacity: .8; } .widget_shopping_cart_content .variation { clear: both; display: block; padding-top: 10px; } .widget_shopping_cart_content .variation dt, .widget_shopping_cart_content .variation dd { display: inline-block; float: left; width: 50%; } .widget_shopping_cart_content .variation dd { margin: 0; padding-left: 10px; } .widget_shopping_cart_content .remove { float: right; } .wc_payment_methods { margin-bottom: 20px !important; line-height: 24px; } /* product categories */ .widget_product_categories li a, .widget_layered_nav li { display: block; margin-bottom: 10px; position: relative; padding-left: 15px; } .widget_product_categories li a::before, .widget_layered_nav li::before { color: #3e4555; content: '\f101'; font-family: FontAwesome; position: absolute; left: 0; top: 0; } /* product list widget */ .sd-sidebar-widget .product_list_widget li { clear: both; margin-bottom: 20px; overflow: hidden; width: 100% } .sd-sidebar-widget .product_list_widget li img { float: left; height: auto; margin-right: 15px; width: 60px; } .sd-sidebar-widget .product_list_widget li .amount { display: inline; font-size: 14px; } .widget_shopping_cart .product_list_widget li .amount { display: inline; } .sd-sidebar-widget .product_list_widget li br { display: none; } .sd-sidebar-widget .product_list_widget li ins { text-decoration: none; } .sd-sidebar-widget .product-title { color: #3e4555; display: block; font-size: 14px; line-height: 14px; } .sd-products-carousel { padding-bottom: 50px; } .sd-products-carousel .slick-dots { bottom: -20px; } .widget_layered_nav_filters .chosen { display: inline-block; float: left; margin-right: 20px; padding-left: 15px; position: relative; } .widget_layered_nav_filters .chosen:after { color: #f00; content: '\f00d'; font-family: FontAwesome; position: absolute; left: 0; top: 0; } .widget_products .product_list_widget a:hover .product-title, .widget_recently_viewed_products .product_list_widget a:hover .product-title, .widget_top_rated_products .product_list_widget a:hover .product-title, .widget_recent_reviews .product_list_widget a:hover { color: #3e4555; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -ms-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in; } .widget_recent_reviews .product_list_widget a { color: #3e4555; font-size: 14px; font-weight: normal; } .widget_recent_reviews .reviewer { color: #808080; display: block; font-size: 14px; } .sd-shop-sidebar.widget_product_search .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* single product */ .woocommerce-product-gallery__trigger { position: absolute; z-index: 1; left: 30px; top: 10px; } .sd-single-product .woocwoocommerce-product-gallery .flex-viewport, .sd-single-product .woocommerce-product-gallery .flex-control-nav img { box-shadow: 0 6px 5px rgba(0, 0, 0, .05), 0 3px 3px rgba(0, 0, 0, .05); } .sd-single-product .woocommerce-product-gallery .flex-control-nav img { margin-bottom: 10px; } .sd-single-product .woocommerce-product-gallery .flex-control-nav { margin-top: 30px; } .sd-single-product .woocommerce-product-gallery .flex-control-thumbs li { margin-right: 30px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; } .woocommerce-product-gallery img { max-width: 100%; height: auto; } .woocommerce-product-gallery li { list-style: none; } .woocommerce-product-gallery .flex-control-thumbs li { height: auto; float: left; width: 25%; } .woocommerce-product-gallery .flex-control-thumbs li:hover { cursor: pointer; } .woocommerce-product-gallery .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .woocommerce-product-gallery .flex-control-nav { bottom: -40px !important; padding: 0; } .sd-single-product .entry-title { font-size: 21px; line-height: 26px; font-weight: 500; margin-bottom: 15px; } .sd-single-product .sd-quantity { padding: 0; } .sd-single-product .price { color: #3e4555; display: block; font-size: 30px; margin: 0 0 30px; line-height: 26px; } .sd-single-product .woocommerce-variation-price .price { margin: 0; } .sd-single-product .price ins { float: left; margin-right: 10px; text-decoration: none; } .sd-single-product .price del { color: #808080; } .sd-single-product .woocommerce-Price-amount { font-weight: 500; font-size: 21px; line-height: 26px; } .sd-single-product .woocommerce-product-rating { display: none; } .sd-single-product .woocommerce-product-details__short-description { margin-bottom: 20px; line-height: 24px; font-weight: 300; } .sd-single-product .woocommerce-product-details__short-description p { margin-bottom: 10px; } .sd-single-product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } .sd-single-product-price { float: left; margin-bottom: 20px; } .sd-single-product-price p { margin: 0; } .sd-single-product-price .amount, .sd-single-product-price ins { color: #ec5646; font-size: 24px; font-weight: 500; text-decoration: none; } .sd-single-product-price del .amount { color: #96acbd; font-size: 14px; font-weight: 400; } .sd-single-product-price del { color: #96acbd; } .sd-single-ratings { float: right; margin-top: 5px; } .sd-single-ratings>span { color: #91a1b4; font-size: 12px; text-transform: uppercase; } .sd-single-product-desc p { margin-bottom: 30px; } .sd-single-product-attr { color: #91a1b4; margin: 30px 0; text-transform: uppercase; } #review_form #respond { background: none; } .sd-single-product-attr table tr, .sd-woo .woocommerce-tabs .shop_attributes tr { border-bottom: 1px solid #dee0e9; height: 40px; line-height: 40px; } .sd-single-product-attr table th, .sd-woo .woocommerce-tabs .shop_attributes th { padding-right: 100px; text-align: left; } .sd-quantity { border: 2px solid rgba(120, 130, 140, 0.13); float: left; margin-right: 10px; padding-top: 6px; } .sd-plus-button {} .sd-minus-button, .sd-plus-button, .sd-quantity-input { background-color: #fff; border: none; border-radius: 0; cursor: pointer; float: left; font-weight: 400; height: 50px; line-height: 50px; text-align: center; width: 30px; } .sd-quantity-button:hover { color: #91a1b4; } .sd-quantity-input { border: none; color: #808080; cursor: default; margin: 0; } .sd-woo .variations td.label { padding-right: 10px; padding-top: 12px; vertical-align: top; } .sd-woo .variations td { padding-bottom: 16px; } .sd-select-wrapper { display: inline-block; position: relative; } @media screen and (-webkit-min-device-pixel-ratio:0) { .sd-select-wrapper select, .sd-orderby select { padding-right: 18px; } } .sd-product-meta { margin-top: 30px; } .sd-var-label { display: block; text-transform: capitalize; font-size: 16px; color: #3e4555; } .sd-woo .reset_variations { color: #fd5f54; font-weight: 500; height: 20px; line-height: 20px; margin-left: 10px; width: 20px; text-transform: uppercase; } .sd-woo .single_variation { display: inline-block; margin-bottom: 20px; width: 100%; } .sd-woo .single_variation del, .sd-woo .single_variation ins, .sd-woo .single_variation .stock, .sd-product-meta { color: #3e4555; display: block; font-size: 12px; text-transform: uppercase; } .sd-woo .single_variation ins, .sd-woo .single_variation .price { color: #fd5f54; font-size: 20px; line-height: 20px; text-decoration: none; } .sd-woo .sd-add-to-cart, .sd-woo .single_add_to_cart_button, .woocommerce-form-login button { background-color: #188ef4; border: none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 52px; height: 52px; padding: 0 45px; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out !important; } .sd-woo-login label span { line-height: 50px; } .sd-woo-login label #rememberme { margin-left: 20px; } .sd-woo .sd-add-to-cart:hover, .sd-woo .single_add_to_cart_button:hover { opacity: .8; } .woocommerce-message, .woocommerce-error { background-color: #edffe9; border: 2px solid #c1ecb7; font-size: 13px; font-weight: 400; line-height: 13px; list-style: none; margin-bottom: 20px; padding: 10px 20px; } .woocommerce-error { background-color: #ffdfe0; border-color: #f6c2c4; } .sd-success-msg a, .woocommerce-message a { float: right; } .woocommerce-checkout .woocommerce>.woocommerce-error, .woocommerce-checkout .woocommerce>.woocommerce-message { margin: 0 auto 30px; width: 1140px; } .woocommerce-info { margin-bottom: 30px; } .sd-woo .woocommerce-tabs { margin-top: 50px; } .sd-woo .woocommerce-tabs .star-rating { float: right; } .sd-woo .woocommerce-tabs .tabs { float: left; margin: 0 0 30px; padding: 0; width: 100%; } .sd-woo .woocommerce-tabs .tabs li { float: left; list-style: none; margin-right: 30px; } .sd-woo .woocommerce-tabs .tabs li a { color: #3e4555; display: inline-block; font-size: 18px; font-weight: 500; line-height: 22px; } .sd-woo .woocommerce-tabs .tabs li.active a { color: #3e4555; border-bottom: 2px solid #c0a95b; padding-bottom: 10px; } .sd-woo .woocommerce-tabs .panel { margin-top: 30px; } .sd-woo .woocommerce-tabs .panel p { margin-bottom: 10px; } .sd-woo .woocommerce-tabs .panel p:last-child { margin-bottom: 0; } .sd-woo .woocommerce-tabs .panel h3 { font-size: 16px; font-weight: 500; line-height: 21px; } .sd-woo .commentlist { list-style: none; padding: 0; } .sd-woo .commentlist .avatar { border-radius: 100px; float: left; margin-right: 20px; } .sd-woo .commentlist .meta { color: #424545; margin: 0 0 10px; text-transform: capitalize; } .sd-woo .commentlist .meta time { color: #a1acb0; font-size: 12px; } .sd-woo .commentlist .meta .verified { color: #3C3; font-size: 12px; } .sd-woo .commentlist .description p { margin: 0; } .sd-woo .commentlist .comment { border-bottom: 1px solid #f2f5f6; margin-bottom: 20px; padding-bottom: 20px; } .sd-woo #respond { padding: 0; } .sd-woo #respond label { display: block; } .sd-woo #respond p { margin-bottom: 30px; } .sd-woo #respond p:last-child { margin-bottom: 0; } .sd-woo #respond input[type="text"], .sd-woo #respond input[type="email"], .sd-woo #respond textarea { background-color: #fff; border: 2px solid #f4f4f4; height: 46px; line-height: 46px; outline: none; padding: 0 10px; -webkit-transition: border .3s ease-in; -moz-transition: border .3s ease-in; -o-transition: border .3s ease-in; transition: border .3s ease-in; } .sd-woo #respond input[type="text"]:focus, .sd-woo #respond input[type="email"]:focus, .sd-woo #respond textarea:focus { border-color: #d4d4d4; } .sd-woo #respond textarea { min-height: 300px; } .sd-woo #respond .form-submit input { background-color: #188ef4; border: none; border-radius: 3px; color: #fff; font-size: 13px; font-weight: 500; line-height: 13px; margin-top: 15px; padding: 17px 28px; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .sd-woo #respond .form-submit input:hover { opacity: .8; } .sd-related-products { margin-top: 50px; } .sd-related-products .sd-thumb-add-cart .onsale, .sd-related-products .sd-soldout, .sd-related-products .sd-off-price { right: 10px; } .single-product .sd-thumb-add-cart .onsale, .single-product .sd-soldout, .single-product .sd-off-price { right: 30px; } .sd-upsells { margin-top: 50px; } .sd-upsells .price { margin: 0; } .sd-upsells h3 { margin-bottom: 20px; } .sd-upsells .sd-loop-class { margin-bottom: 0; } .sd-related-products-title { font-size: 30px; margin-bottom: 20px; } .sd-product-content .star-rating { display: none; } .sd-related-products .sd-price ins { float: none; } .sd-related-products .price { margin: 0; } .sd-woo .related>h3, .sd-woo .upsells>h3, .sd-cart-totals h3, .sd-cross-sells>h3 { display: block; font-size: 20px; line-height: 20px; padding: 0; } /* cart */ .sd-cart { margin-bottom: 50px; margin-top: 50px; } .sd-cart .shop_table { font-weight: 500; } .sd-cart .shop_table, .sd-shipping-calculator { width: 100%; } .sd-cart .shop_table thead { text-align: left; } .sd-cart .shop_table thead th { color: #8d97ad; font-size: 16px; font-weight: 700; padding: 20px 0; } .sd-cart .shop_table thead th.product-name { padding-left: 20px; } .sd-cart .shop_table thead .product-name { padding-left: 10px; } .sd-cart .product-name img { border: 1px solid #dfe5e9; height: auto; width: 200px; } .sd-cart .product-remove a { color: #ec5646; display: inline-block; text-align: center; } .sd-cart .cart_item td { padding: 20px 0; border-top: 1px solid #e9ecef; } .sd-cart .cart_item td.product-name { padding-left: 20px; } .sd-cart .cart_item td.product-price, .sd-cart .product-subtotal { color: #3e4555; font-size: 16px; font-weight: 400; } .sd-cart-totals table { width: 100%; } .sd-cart-thumb, .sd-cart .product-name a { color: #3e4555; margin-right: 10px; } .sd-cart .product-name a:hover { color: #c0a95b; } .sd-cart-totals {} .sd-cart-totals h3 { margin-bottom: 30px; } .sd-cart-totals table tr { text-align: left; } .sd-cart-totals table td { text-align: right; } .sd-cart-totals table th { font-weight: 500; padding: 0 0 10px; } .sd-cart-totals .order-total {} .sd-cart-totals .order-total .amount {} .woocommerce-Price-amount { font-weight: 400; } .sd-cart-totals .order-total th {} .sd-cart-totals .cart-subtotal th, .sd-cart-totals .shipping th { font-weight: 300; } .sd-cart-totals .shipping ul { list-style: none; } .sd-cart-totals .cart-subtotal .amount, .sd-cart-totals .shipping .amount { font-weight: 400; } .sd-cart-totals .wc-proceed-to-checkout { margin-top: 10px; } .sd-update-cart, .sd-cart-totals .checkout-button { background-color: #188ef4; border: none; border-radius: 4px; color: #fff; float: right; font-size: 16px; font-weight: 400; height: 52px; line-height: 52px; padding: 0 20px; text-align: center; width: 49%; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .sd-cart-totals .checkout-button:hover { opacity: .8; } .sd-update-cart { background: none; border: 2px solid #188ef4; color: #3e4555; float: left; cursor: pointer; } .sd-update-cart:hover { color: #188ef4; } .sd-coupon-col .coupon { margin-bottom: 30px; } .sd-coupon-col .coupon, .sd-cart-totals { padding: 20px; } .sd-coupon-col h3, .sd-cart-totals h3 { font-size: 18px; margin: 0 -20px; margin-bottom: 20px; padding-bottom: 20px; padding-left: 20px; position: relative; } .sd-coupon-input { overflow: hidden; } .sd-coupon-button { float: right; margin-top: 23px; } .woocommerce-checkout .sd-coupon-button { margin: 0; } .sd-coupon-button, .shipping-calculator-form button, .sd-woo-login input[type="submit"], .sd-coupon-form input[type="submit"], .sd-create-account input[type="submit"], .sd-checkout-payment input[type="submit"], .sd-edit-address input[type="submit"], .sd-edit-account input[type="submit"], .sd-form-login input[type="submit"], .sd-lost-pwd input[type="submit"], .sd-order-tracking input[type="submit"] { background-color: #188ef4; border: none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 400; height: 52px; padding: 0 15px; } .shipping-calculator-form button { margin-left: 0; } .sd-coupon-button:hover, .shipping-calculator-form button:hover, .sd-woo-login input[type="submit"]:hover, .sd-coupon-form input[type="submit"]:hover, .sd-edit-address input[type="submit"]:hover, .sd-edit-account input[type="submit"]:hover, .sd-form-login input[type="submit"]:hover, .sd-lost-pwd input[type="submit"]:hover, .sd-order-tracking input[type="submit"]:hover, .sd-checkout-payment input[type="submit"]:hover { opacity: .8; } .sd-cart .coupon input[type="text"], .sd-shipping-calculator input[type="text"] { background-color: #fff; border-radius: 4px; outline: none; width: 100%; padding: .75rem; border: 2px solid rgba(120, 130, 140, 0.13); } .sd-cart-table { margin-bottom: 30px; } .sd-cart-table dt, .sd-cart-table dd, .sd-form-checkout dt, .sd-form-checkout dd, .sd-order-details-table dt, .sd-order-details-table dd { display: inline-block; font-size: 13px; font-weight: 400; line-height: 13px; } .sd-cart-table dd, .sd-form-checkout dd, .sd-order-details-table dt, .sd-order-details-table dd { color: #637285; font-weight: 400; margin: 0 10px 0 0; } .sd-shipping-calculator { margin-bottom: 50px; padding: 20px; } .sd-shipping-calculator p { margin: 0; } .sd-shipping-calculator .shipping-calculator-button { color: #3e4555; display: inline-block; font-size: 18px; font-weight: 400; } .sd-shipping-calculator .shipping-calculator-button span { color: #3b454f; display: inline-block; padding-left: 10px; } .sd-shipping-calculator label { position: relative; } .sd-shipping-calculator .shipping-calculator-form { margin-top: 20px; } .sd-shipping-calculator .shipping-calculator-form p { margin-bottom: 10px; } .sd-shipping-calculator .shipping-calculator-form p:last-of-type { margin-bottom: 0; } .sd-shipping-calculator input[type="text"] { position: relative; width: 100%; z-index: 3; } /* checkout */ .woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce { padding: 50px 0; } .page-template-default .woocommerce { background: none !important; } .page-template-default.woocommerce-cart .container { max-width: 100%; } .page-template-default.woocommerce-cart .sd-cart .cart_item td, .page-template-default.woocommerce-cart .sd-cart .shop_table thead th, .page-template-default.woocommerce-cart .sd-left-col caption, .sd-left-col th, .sd-left-col td { text-align: center; } .page-template-default.woocommerce-cart .sd-cart, .page-template-default.woocommerce-cart .woocommerce { margin-top: 0; padding-top: 0; } .page-template-default.woocommerce-cart .sd-quantity { margin-left: 20px; } .page-template-default.woocommerce-cart .sd-update-cart, .page-template-default.woocommerce-cart .sd-cart-totals .checkout-button { width: 100%; margin-top: 5px; } .woocommerce-account .sd-full-width p { margin-bottom: 20px; } .sd-returning-cust h3, .woocommerce-account .sd-full-width h3 { font-size: 18px; padding: 0; } .sd-form-checkout, .sd-woo-login label, .sd-woo-login input[type="submit"], .sd-checkout-coupon, .sd-edit-account, .sd-form-login { font-size: 14px; font-weight: 300; line-height: 14px; } .sd-form-login .woocommerce-password-strength { font-weight: 500; margin-top: 20px; } .sd-form-login .woocommerce-password-strength.bad { color: #ff4d7e; } .sd-form-login .woocommerce-password-strength.strong { color: #07d79c; } .sd-form-login .woocommerce-password-hint { margin-top: 10px; display: block; } .sd-form-checkout input[type="text"], .sd-form-checkout textarea, .sd-form-checkout input[type="tel"], .sd-form-checkout input[type="email"], .sd-woo-login input[type="text"], .sd-woo-login input[type="password"], .sd-coupon-form input[type="text"], .sd-create-account input[type="text"], .sd-create-account input[type="password"], .sd-edit-address input[type="text"], .sd-edit-address input[type="password"], .sd-edit-address input[type="email"], .sd-edit-address input[type="tel"], .sd-edit-account input[type="text"], .sd-edit-account input[type="password"], .sd-edit-account input[type="email"], .sd-form-login input[type="text"], .sd-form-login input[type="password"], .sd-form-login input[type="email"], .sd-lost-pwd input[type="text"], .sd-order-tracking input[type="text"], .sd-order-tracking input[type="email"] { background-color: #fff; border-radius: 4px; outline: none; width: 100%; display: block; width: 100%; padding: .5rem .75rem; font-size: 1rem; line-height: 48px; height: 48px; color: #495057; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .sd-form-checkout textarea { min-height: 200px; padding: 15px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .woocommerce .select2-container--default .select2-selection--single { width: 100%; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .sd-woo-login .form-row-first, .sd-woo-login .form-row-last { float: left; width: 50%; } .sd-woo-login p { margin-bottom: 20px; } .sd-woo-login p:last-child { margin-bottom: 0; } .sd-woo-login .form-row-first { padding-right: 20px; } .sd-woo-login label {} .sd-checkout-coupon .showcoupon { color: #188ef4; } .sd-coupon-form { margin-top: 20px; } .sd-coupon-form input[type="text"] { width: 100%; } .sd-form-checkout h3 { font-size: 22px; margin-bottom: 30px; padding: 0; } .sd-form-checkout #ship-to-different-address label { color: #3e4555; } .sd-form-checkout label { color: #808080; display: inline-block; margin-bottom: 10px; width: 100%; } .woocommerce-input-wrapper { width: 100%; } .sd-form-checkout .col-1, .sd-form-checkout .col-2 { width: 100%; max-width: 100%; } .sd-form-checkout abbr[title] { border: none; } .sd-form-checkout p { margin-bottom: 30px; } .sd-form-checkout p:last-child { margin-bottom: 30px; } .sd-form-checkout .select2-container .select2-choice, .sd-edit-address .select2-container .select2-choice { background-color: #f4f8f9; border: 1px solid #e0e7e9; border-radius: 0; height: 42px; line-height: 42px; } .woocommerce-checkout .select2-drop-active, .woocommerce-account .select2-drop-active { border: 1px solid #e0e7e9; border-width: 1px; } .select2-container .select2-choice>.select2-chosen, .select2-results .select2-result-label { color: #56758d; } .woocommerce-checkout .select2-search input, .woocommerce-account .select2-search input { line-height: 17px; } .sd-woo .comment-respond .required, .woocommerce-checkout .required, .sd-edit-account .required, .sd-form-login .required { color: #f00; } .sd-create-account p { font-family: Roboto, Tahoma, sans-serif; font-size: 15px; font-weight: normal; line-height: 18px; } .sd-create-account label, .sd-create-account input, .sd-edit-address, .sd-lost-pwd label, .sd-order-tracking label { color: #435061; font-family: Roboto, Tahoma, sans-serif; font-size: 13px; font-weight: 400; } .sd-form-checkout .sd-widget-title label { margin: 0; } .sd-order-review table, .sd-order-details-table { margin-bottom: 30px; width: 50%; } .sd-form-checkout #shipping_method { list-style: none; } .sd-order-review table th { padding: 10px 0; text-align: left; } .sd-order-review table thead th { border-bottom: 1px solid #cbd0db; } .sd-order-review table td { padding: 10px 0; } .sd-order-review .order-total th, .sd-order-review .order-total td { border-top: 2px solid #cbd0db; } .sd-form-checkout .order-total .amount, .sd-form-checkout .product-total .amount, .sd-form-checkout .cart-subtotal .amount, .sd-order-details-table .order-total .amount, .sd-order-details-table .product-total .amount, .sd-order-details-table tfoot .amount, .sd-order-details .total .amount { color: #188ef4; } .sd-form-checkout .payment_box p { font-family: Roboto, Tahoma, sans-serif; font-size: 15px; font-weight: 400; line-height: 18px; } .sd-form-checkout .payment_method_paypal img { margin-right: 10px; } .sd-order-review table tfoot { border-top: 1px solid #e6e8ea; } .sd-checkout-payment ul { list-style: none; margin: 0; padding: 0; } .sd-checkout-payment input[type="radio"] { margin-right: 5px; } .sd-checkout-payment input[type="submit"] { padding-left: 40px; padding-right: 40px; } /* thank you */ .sd-order-details { list-style: none; margin: 0; padding: 0; } .sd-order-details-table, .sd-account-orders { margin-bottom: 30px; text-align: left; width: 50%; } .sd-order-details-table th, .sd-order-details-table td { padding: 5px 0; } .sd-order-details-table tfoot tr:last-child th, .sd-order-details-table tfoot tr:last-child td { border-top: 2px solid #cbd0db; } .sd-customer-details { margin-bottom: 30px; text-align: left; width: 50%; } .sd-form-checkout #customer_details { margin-bottom: 20px; } .sd-billing-address { margin-bottom: 30px; } .sd-edit-address h3 { margin-bottom: 30px; } .sd-edit-address input[type="text"], .sd-edit-address input[type="email"], .sd-edit-address input[type="password"], .sd-edit-address .select2-container .select2-choice, .sd-edit-address input[type="tel"] { width: 50%; } .sd-edit-address abbr[title] { border: none; } .sd-edit-address label, .sd-edit-account label, .sd-form-login label { display: block; margin-bottom: 5px; } .sd-edit-account h3, .sd-form-login h3 { margin-bottom: 30px; padding: 0; } .sd-remember-me { margin-top: 20px; } .sd-lost-pwd label { display: block; } .sd-my-account-user #billing_country_field, .sd-my-account-user #billing_state_field { width: 50%; } .woocommerce-MyAccount-navigation ul { display: inline-block; list-style: none; margin: 0 0 40px; padding: 0; } .sd-my-account-user .account-orders-table td { padding-right: 30px; } .woocommerce-MyAccount-navigation ul li { float: left; margin-right: 20px; } /* minicart */ .sd-minicart-link { float: left; } .sd-order-tracking { margin-bottom: 50px; margin-top: 50px; } .sd-order-tracking p { margin-bottom: 30px; } .sd-order-tracking p:last-child { margin-bottom: 0; } .sd-order-tracking .form-row-first { padding-right: 20px; } .sd-order-tracking .form-row-first, .sd-order-tracking .form-row-last { float: left; width: 50%; } .sd-order-tracking label {} .sd-order-tracking-wrap { margin: 50px 0; } .my_account_orders { margin-bottom: 30px; text-align: left; width: 100%; } /* quick view */ #yith-quick-view-content .woocommerce-product-details__short-description { margin: 30px 0; } #yith-quick-view-content .button { margin-top: 5px; } #yith-quick-view-content .product_meta { margin-top: 20px; } #yith-quick-view-content h1 { font-size: 30px; margin-bottom: 20px; } #yith-quick-view-content .variations { margin-bottom: 20px; } #yith-quick-view-content .onsale { display: none; } @-webkit-keyframes loader-figure { 0% { height: 0; width: 0; background-color: #1976d2; } 29% { background-color: #1976d2; } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent; } } @-moz-keyframes loader-figure { 0% { height: 0; width: 0; background-color: #1976d2; } 29% { background-color: #1976d2; } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent; } } @keyframes loader-figure { 0% { height: 0; width: 0; background-color: #1976d2; } 29% { background-color: #1976d2; } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent; } } @-webkit-keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @-moz-keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @media screen and (max-width: 600px) { /* Force table to not be like tables anymore */ .woocommerce-page table.shop_table, .woocommerce-page table.shop_table thead, .woocommerce-page table.shop_table tbody, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table tr { display: block; } .sd-cart-thumb { display: none; } /* Hide table headers (but not display: none;, for accessibility) */ .woocommerce-page table.shop_table thead tr { position: absolute; top: -9999px; left: -9999px; } .woocommerce-page table.shop_table tr { /*border: 1px solid #d2d3d3; */ } .woocommerce-page table.shop_table td { /* Behave like a "row" */ border: 1px solid #d2d3d3; position: relative; padding-left: 30% !important; height: 100px; } .woocommerce-page table.shop_table { border: none; } .woocommerce-page table.shop_table td.product-spacer { border-color: #FFF; height: 10px; } .woocommerce-page table.shop_table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ .woocommerce-page table.shop_table td.product-remove:before { content: "DELETE"; } .woocommerce-page table.shop_table td.product-thumbnail:before { content: "IMAGE"; } .woocommerce-page table.shop_table td.product-name:before { content: "PRODUCT"; } .woocommerce-page table.shop_table td.product-price:before { content: "PRICE"; } .woocommerce-page table.shop_table td.product-quantity:before { content: "QUANTITY"; } .woocommerce-page table.shop_table td.product-subtotal:before { content: "SUBTOTAL"; } .woocommerce-page table.shop_table td.product-total:before { content: "TOTAL"; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { margin: 0; } .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: left; border:0; padding-left: 6px !important; } .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-top: 10px; } .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input { margin-bottom: 10px; } .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; text-align: left; } .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td { border:0 !important; } .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td { padding-left: 6px !important; } .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td { padding-left: 6px !important; border:0 !important; } .woocommerce-page table.shop_table tbody { padding-top: 10px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details { padding:0; } .woocommerce .order_details li, .woocommerce-page .order_details li { clear: left; margin-bottom: 10px; border:0; } } /* ------------------------------------------------------------------------ */ /* 10. Responsive /* ------------------------------------------------------------------------ */ @media (min-width: 1200px) {} /* tablet portrait */ @media (min-width: 768px) and (max-width: 991px) {} /* tablet landscape */ @media (min-width: 992px) and (max-width: 1199px) { .sd-row-no-bg .upb_row_bg { background: none !important; } } /* phone portrait */ @media (max-width: 767px) { html[lang] { margin-top: 0 !important; } .admin-bar { } .rev_slider_wrapper .btn i { display: none; } .sd-centered-wrapper { margin: 0; } .sd-row-no-bg .upb_row_bg { background: none !important; } .sd-pricing-column-thumb img, .portfolio-box img { width: 100%; height: auto; } .wpb_single_image img, .wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper {} .sd-header5 .navbar-brand { top: 0; } .sd-update-cart, .sd-cart-totals .checkout-button { width: 100%; margin-bottom: 10px; } .wpb_row { margin: 0; } .p-n-mobile, .p-n-mobile .ult-content-box { padding: 0 !important; } .admin-bar #sd-header { margin-top: 46px; } } /* phone landscape */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* ------------------------------------------------------------------------ */ /* EOF /* ------------------------------------------------------------------------ */