/* Theme Name: awpbusinesspress Author: A WP Life Author URI: http://awplife.com/ Theme URI: https://awplife.com/wordpress-free-theme/awpbusinesspress/ Description: awpbusinesspress is a responsive and fully customizable theme to create business websites. The advanced admin panel will enable you to customize it without any technical knowledge. Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready Version: 0.0.3 Tested up to: 5.6 Requires PHP: 5.4 License URI: http://www.gnu.org/licenses/gpl-2.0.html License: GNU General Public License v2 or later Text Domain: awpbusinesspress */ html { overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: scrollbar; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 16px; } /* @media(min-width: 992px) { html { font-size: 16px; } } */ body, button, input, select, textarea { color: #464646; font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.75; -webkit-font-smoothing: antialiased; margin: 0; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3; margin: 0 0 25px; color: #1e1d24; font-weight: 600; text-rendering: optimizeLegibility; } h1 { font-size: 2.625rem; /* 42px */ } h2 { font-size: 2.250rem; /* 36px */ } h3 { font-size: 1.875rem; /* 30px */ } h4 { font-size: 1.500rem; /* 24px */ } h5 { font-size: 1.125rem; /* 18px */ } h6 { font-size: 0.875rem; font-weight: 600; /* 14px */ } p { color: #464646; font-weight: 400; margin: 0 0 1.25rem; } p:last-child { margin: 0px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } template { display: none; } a { background-color: transparent; transition: ease-out 0.3s; } a, a:hover, a:focus { text-decoration: none; } a:hover, a:focus, a:active { color: #5ca2df; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 600; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } select { text-transform: none; } button { overflow: visible; } button, input, select, textarea { max-width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; opacity: .5; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; } input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-outer-spin-button, input[type="week"]::-webkit-inner-spin-button, input[type="week"]::-webkit-outer-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #d1d1d1; margin: 0 0 1.75em; min-width: inherit; padding: 0.875em; } fieldset > :last-child { margin-bottom: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } optgroup { font-weight: bold; } button, input, select, textarea { color: #1a1a1a; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.75; } dfn, cite, em, i { font-style: italic; } blockquote { border: 0 solid #1a1a1a; border-left-width: 4px; color: #686868; font-size: 19px; font-size: 1.1875rem; font-style: italic; line-height: 1.4736842105; margin: 0 0 1.4736842105em; overflow: hidden; padding: 0 0 0 1.263157895em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin-bottom: 1.4736842105em; } blockquote cite, blockquote small { color: #1a1a1a; display: block; font-size: 16px; font-size: 1rem; line-height: 1.75; } blockquote cite:before, blockquote small:before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote > :last-child { margin-bottom: 0; } address { font-style: italic; margin: 0 0 25px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { background-color: #d1d1d1; padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted #d1d1d1; cursor: help; } mark, ins { /* background: #007acc; */ color: #fff; padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } ul, ol { margin: 0 0 1.75em 1.25em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; margin-left: 1.5em; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } img { display: block; height: auto; max-width: 100%; } del { opacity: 0.8; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #686868; font-family: 'Open Sans', sans-serif; } :-moz-placeholder { color: #686868; font-family: 'Open Sans', sans-serif; } ::-moz-placeholder { color: #686868; font-family: 'Open Sans', sans-serif; opacity: 1; } :-ms-input-placeholder { color: #686868; font-family: 'Open Sans', sans-serif; } input { line-height: normal; } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #1a1a1a; border: 0; border-radius: 2px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; padding: 0.84375em 0.875em 0.78125em; text-transform: uppercase; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #007acc; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background: #fafafa; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #e7e7e7; border-radius: 2px; color: #686868; padding: 0.625em 0.4375em; width: 100%; } input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { background-color: #fff; border-color: #007acc; color: #1a1a1a; outline: 0; } /** * 8.0 - Alignments */ .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } /** * 11.6 - Footer */ /*--------------------------------------------------------------*/ /* Footer Copyrights - Site Info /*--------------------------------------------------------------*/ .footer-copyrights { background-color: #00090f; border-top: 1px solid rgba(255, 255, 255, 0.1); } .site-info { padding: 30px 0; font-size: 0.938rem; text-align: center; color: #ffffff99;} .site-info p { color: #cccfd2; margin: 0; padding: 0; } .site-info a { color: #e0e0e0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { margin-bottom: 1.75em; max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } .entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a { box-shadow: none; } .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist { margin-top: 0; margin-bottom: 1.75em; } .wp-playlist.wp-audio-playlist { padding-bottom: 0; } .wp-playlist .wp-playlist-tracks { margin-top: 0; } .wp-playlist-item .wp-playlist-caption { border-bottom: 0; padding: 0.7142857143em 0; } .wp-playlist-item .wp-playlist-item-length { top: 0.7142857143em; } /** * 12.1 - Captions */ .wp-caption { margin-bottom: 1.75em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption .wp-caption-text { color: #737373; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*--------------------------------------------------------------*/ /* Header Top Info /*--------------------------------------------------------------*/ .header-top { padding: 0 15px; } .header-top .widget { margin: 10px 0; padding: 0 !important; } .header-top .widget .header-contact-info li a { color: #ffffff; } .header-contact-info { margin: 0; list-style: none; } .header-contact-info li { border-bottom: 0 none; word-wrap: break-word; font-size: 1.000rem; line-height: 1.75; color: #fff; margin: 1px 0; } .header-contact-info li i.top-icon { font-size: 1.125rem; line-height: 2; text-align: center; transition: all 0.3s ease-in-out 0s; margin: 0px 15px 0px 0px; padding: 0; height: 35px; width: 35px; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .header-contact-info li > a { color: #ffffff; transition: all 0.3s ease-in-out 0s; } .header-contact-info li > a:hover, .header-contact-info li > a:focus { color: #ffffff !important; } .text-large { font-size: 20px; font-weight: 700; padding-right: 5px; font-style: italic; } @media (max-width: 991px) { .header-contact-info, .social-icons { text-align: center; } } /*--------------------------------------------------------------*/ /* Social Icons /*--------------------------------------------------------------*/ .header-top .widget .social-icons { padding-top: 2px; } .social-icons { margin: 0px; padding: 0; font-size: 0; } .social-icons li { display: inline-block; } .social-icons a { display: block; position: relative; margin: 0px; width: 35px; height: 35px; font-size: 0; line-height: 0; text-align: center; text-decoration: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .social-icons a:hover, .social-icons a:focus { text-decoration: none; } .social-icons a:before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; margin-top: -50%; margin-left: -50%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: transparent; -webkit-transition: all 300ms; transition: all 300ms; } .social-icons a:after { position: relative; display: block; font-family: 'fontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #fff; font-size: 16px; line-height: 34px; } .social-icons .icon-linkedin:after { content: "\f0e1"; } .social-icons .icon-twitter:after { content: "\f099"; } .social-icons .icon-facebook:after { content: "\f09a"; } .social-icons .icon-googleplus:after { content: "\f0d5"; } .social-icons .icon-pinterest:after { content: "\f231"; } .social-icons .icon-instagram:after { content: "\f16d"; } .social-icons .icon-youtube:after { content: "\f167"; } .social-icons .icon-vimeo:after { content: "\f27d"; } .social-icons .icon-wordpress:after { content: "\f19a"; } .social-icons .icon-linkedin:hover:before, .social-icons .icon-linkedin:focus:before { background: #0097d3; } .social-icons .icon-twitter:hover:before, .social-icons .icon-twitter:focus:before { background: #00aced; } .social-icons .icon-facebook:hover:before, .social-icons .icon-facebook:focus:before { background: #3c5a99; } .social-icons .icon-googleplus:hover:before, .social-icons .icon-googleplus:focus:before { background: #dc4a38; } .social-icons .icon-pinterest:hover:before, .social-icons .icon-pinterest:focus:before { background: #cc2127; } .social-icons .icon-instagram:hover:before, .social-icons .icon-instagram:focus:before { background: #ba0497; } .social-icons .icon-youtube:hover:before, .social-icons .icon-youtube:focus:before { background: #ff051e; } .social-icons .icon-vimeo:hover:before, .social-icons .icon-vimeo:focus:before { background: #23b6ea; } .social-icons .icon-wordpress:hover:before, .social-icons .icon-wordpress:focus:before { background: #0087be; } /* .social-icons.square a:hover:before, .social-icons.square a:focus:before { border-radius: 1%; } */ /* .social-icons.spin-icon a:hover:after, .social-icons.spin-icon a:focus:after { */ /* -webkit-transition: -webkit-transform 0.4s ease-out; */ /* transition: -webkit-transform 0.4s ease-out; */ /* transition: transform 0.4s ease-out; */ /* transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; */ /* -webkit-transform: rotateZ(360deg); */ /* transform: rotateZ(360deg); */ /* border-radius: 50%; */ /* -moz-border-radius: 50%; */ /* -webkit-border-radius: 50%; */ /* } */ /*--------------------------------------------------------------*/ /* Slider One - Owl Carousel /*--------------------------------------------------------------*/ .hero-slider { position: relative; } #slider-demo { margin: 0px; } #slider-demo .item { position: relative; background-color: #fff; background-repeat: no-repeat; background-position: center center; width: 100%; z-index: 0; background-size: cover; } #slider-demo .item::before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 0, 0, 0.6); } .slider-caption { position: relative; display: table; height: 100%; } .caption-content { display: table-cell; vertical-align: middle; } .slider-caption .title { font-size: 4.375rem; line-height: 1.3; font-weight: 700; color: #ffffff; text-shadow: 0px 3px 3px rgba(0, 0, 0, .3); } .slider-caption .subtitle { color: #ffffff; letter-spacing: 0.5rem; font-weight: 700; margin-bottom: 1.250rem; text-shadow: 0px 3px 3px rgba(0, 0, 0, .3); } .slider-caption p { color: #ffffff; font-size: 1.250rem; font-weight: 500; text-shadow: 0px 3px 3px rgba(0, 0, 0, .3); } @media (max-width: 768px) { .slider-caption { width: 88%; } } /*--------------------------------------------------------------*/ /* Slider Two - Owl Carousel /*--------------------------------------------------------------*/ #slider-demo.overlay-disable .item::before { display: none; } #slider-demo.overlay-disable .slider-caption { display: block; } #slider-demo.overlay-disable .slider-caption .caption-content { padding: 25px 25px 30px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; display: block; height: auto; margin: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 55%; z-index: 0; word-wrap: break-word; } #slider-demo.overlay-disable .slider-caption .title { font-size: 3.000rem; margin: 0 0 15px; } #slider-demo.overlay-disable .slider-caption p { font-size: 1.000rem; } @media (max-width: 768px) { #slider-demo.overlay-disable .slider-caption .caption-content { width: 80%; } } /*Overlay Disable Setting CSS*/ .overlay-none .item::before { background-color: rgb(0 0 0 / 0%) !important; } /*--------------------------------------------------------------*/ /* Owl Carousel Next Prev /*--------------------------------------------------------------*/ .owl-carousel .owl-prev, .owl-carousel .owl-next { background-color: #202020; color: #fff; font-size: 1.000rem; line-height: 2.5; width: 40px; height: 40px; text-decoration: none; transition: all 0.3s ease-in-out; display: block; margin: -25px 0 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; } .owl-carousel .owl-prev { left: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .owl-carousel .owl-next { right: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .owl-carousel:hover .owl-prev { left: 20px; opacity: 1; } .owl-carousel:hover .owl-next { right: 20px; opacity: 1; } .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { color: #fff; opacity: 1; } @media (max-width: 768px) { .owl-carousel .owl-prev, .owl-carousel .owl-next { font-size: 0.813rem; line-height: 2.5; width: 30px; height: 30px; } .owl-carousel:hover .owl-prev { left: 10px; opacity: 1; } .owl-carousel:hover .owl-next { right: 10px; opacity: 1; } } /* Main Slider Next Prev */ #slider-demo .owl-prev, #slider-demo .owl-next { background-color: #ffffff; text-decoration: none; display: block; margin: -30px 0 0; width: 50px; height: 50px; position: absolute; text-align: center; font-size: 20px; line-height: 2.6; top: 50%; z-index: 10; overflow: hidden; opacity: 0.9; cursor: pointer; color: #202020; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #slider-demo .owl-prev { left: 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } #slider-demo .owl-next { right: 0px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } #slider-demo:hover .owl-prev { left: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #slider-demo:hover .owl-next { right: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #slider-demo .owl-prev:hover, #slider-demo .owl-next:hover { opacity: 1; } @media (max-width: 768px) { #slider-demo .owl-prev, #slider-demo .owl-next { font-size: 0.813rem; line-height: 2.5; width: 30px; height: 30px; } #slider-demo:hover .owl-prev { left: 10px; } #slider-demo:hover .owl-next { right: 10px; } } /*--------------------------------------------------------------*/ /* Owl Carousel Paginations / Dots /*--------------------------------------------------------------*/ .owl-theme .owl-dots .owl-dot span { background: rgba(32, 32, 32, 1); } .testimonial .owl-theme .owl-dots .owl-dot.active span, .testimonial .owl-theme .owl-dots .owl-dot:hover span { background: rgba(255, 255, 255, 1); } .testimonial-two .owl-theme .owl-dots .owl-dot span { background: #cacaca; } /*--------------------------------------------------------------*/ /* Section And Mixed Element Css /*--------------------------------------------------------------*/ #section { margin: 0; padding: 5rem 0 3.125rem; } .divider-line { display: block; width: 100%; font-size: 0; line-height: 0; margin: 12px 0 17px; } .divider-line:before, .divider-line:after { content: ''; display: block; border-top: 2px solid; } .divider-line:before { width: 60px; margin: 0 auto; } .divider-line:after { width: 30px; margin: 5px auto 0; } .divider-line.light { color: #fff !important; } /* .theme-grey { background-color: #f2f2f2; } */ .theme-white { background-color: #fff; } .text-white { color: #fff; } .text-dark { color: #202020 !important; } .text-grey { color: #a7a7a7 !important; } .theme-separator{ background: transparent; height: 20px; display: block; width: 100%; clear: both; } .v-center { padding: 0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } @media (max-width: 768px) { .v-center { display: block; } } .btn-large { margin: 0; position: relative; display: inline-block; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; padding: 0.813rem 2rem; font-size: 0.938rem; line-height: 1.5; font-weight: 600; text-align: center; border-radius: 50px; position: relative; z-index: 0; } .btn-small { margin: 0; position: relative; display: inline-block; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; padding: 0.625rem 1.875rem; font-size: 0.875rem; line-height: 1.4; font-weight: 600; text-align: center; border-radius: 50px; position: relative; z-index: 0; } .btn-light { background-color: #ffffff; color: #202020; } .btn-light:hover, .btn-light:focus { color: #fff; } .btn-dark { background-color: #202020; color: #fff; } .btn-dark:hover, .btn-dark:focus { color: #fff; } .btn-animation:before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; position: absolute; border-radius: 40px; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ''; z-index: -1; } .btn-animation:hover:before, .btn-animation:focus:before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; left: 0; right: 0; opacity: 1; color: #fff; } /*--------------------------------------------------------------*/ /* Vertical margin, padding /*--------------------------------------------------------------*/ .p-one { padding: 5% !important; } .p-two { padding: 10% !important; } .p-three { padding: 15% !important; } .p-0 { padding: 0 !important; } .p-top-0 { padding-top: 0 !important; } .p-top-10 { padding-top: 10px !important; } .p-top-15 { padding-top: 15px !important; } .p-top-20 { padding-top: 20px !important; } .p-top-30 { padding-top: 30px !important; } .p-top-40 { padding-top: 40px !important; } .p-top-50 { padding-top: 50px !important; } .p-top-140 { padding-top: 140px !important; } .p-bottom-0 { padding-bottom: 0 !important; } .p-bottom-10 { padding-bottom: 10px !important; } .p-bottom-20 { padding-bottom: 20px !important; } .p-bottom-30 { padding-bottom: 30px !important; } .p-bottom-40 { padding-bottom: 40px !important; } .p-bottom-50 { padding-bottom: 50px !important; } .p-bottom-140 { padding-bottom: 140px !important; } .m-0 { margin: 0 !important; } .m-top-0 { margin-top: 0 !important; } .m-top-10 { margin-top: 10px !important; } .m-top-15 { margin-top: 15px !important; } .m-top-20 { margin-top: 20px !important; } .m-top-30 { margin-top: 30px !important; } .m-top-40 { margin-top: 40px !important; } .m-top-50 { margin-top: 50px !important; } .m-top-60 { margin-top: 60px !important; } .m-top-70 { margin-top: 70px !important; } .m-top-80 { margin-top: 80px !important; } .m-top-0 { margin-bottom: 0 !important; } .m-bottom-10 { margin-bottom: 10px !important; } .m-bottom-20 { margin-bottom: 20px !important; } .m-bottom-30 { margin-bottom: 30px !important; } .m-bottom-40 { margin-bottom: 40px !important; } .m-bottom-50 { margin-bottom: 50px !important; } .m-bottom-60 { margin-bottom: 60px !important; } .m-bottom-70 { margin-bottom: 70px !important; } .m-bottom-80 { margin-bottom: 80px !important; } /*--------------------------------------------------------------*/ /* Section Header & Title /*--------------------------------------------------------------*/ .section-header { margin: -7px 0 60px; padding: 0 15px; display: block; text-align: center; } .section-header .section-title { font-weight: 600; margin: 0 0 15px; } .section-header .section-subtitle { margin: 0 0 0.25rem; letter-spacing: 0.2rem; font-weight: 600; } .section-header .section-title.light, .section-header .section-subtitle.light { color: #fff; } /*--------------------------------------------------------------*/ /* Top Contact Info Callout - Top And Bottom /*--------------------------------------------------------------*/ /* .top-contact-info { background-color: #5ca2df; }*/ .contact-info-module { margin: 0px; padding: 1.563rem; } .contact-info-module .media-body { padding-top: 0.125rem; } .contact-icon { float: left; text-align: center; margin: 0.188rem 1.25rem 0.188rem 0.188rem; padding: 0; background-color: rgba(255, 255, 255, 1); border: 3px solid transparent; box-shadow: 0px 0px 0px 1px transparent; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.3s ease 0s; height: 3.438rem; width: 3.438rem; } .contact-info-module:hover .contact-icon { background-color: rgba(255, 255, 255, 1); border: 3px solid #5ca2df; box-shadow: 0px 0px 0px 1px #fff; } .contact-icon i { font-size: 1.40rem; line-height: 2.3; color: #1e1d24; transition: all 0.3s ease-in-out 0s; } .contact-info-module h4 { color: #fff; font-size: 1.250rem; font-weight: 600; margin: 0px 0 5px; } .contact-info-module h6 { color: #fff; margin: 0; font-weight: 400; } @media (max-width:500px) { .contact-info-module { text-align: center; } .contact-icon { float: none; margin: 0px auto 20px; } } .footer-contact-info { position: relative; /* position: absolute; */ /* top: -55px; */ /* left: 0; */ /* right: 0; */ z-index: 1; /* margin: 0 auto; */ } /* .footer-contact-info:before { */ /* position: absolute; */ /* height: 0; */ /* width: 0; */ /* border-bottom: 30px solid #1d4498; */ /* border-left: 20px solid transparent; */ /* top: 0px; */ /* left: -20px; */ /* } */ /* .footer-contact-info:after { */ /* position: absolute; */ /* height: 0; */ /* width: 0; */ /* border-bottom: 30px solid #1d4498; */ /* border-right: 20px solid transparent; */ /* right: -20px; */ /* top: 0px; */ /* } */ @media (max-width:768px) { .footer-contact-info { position: relative; top: 0; } } .footer-contact-info .row { margin: 0; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } /*--------------------------------------------------------------*/ /* Service Section - One /*--------------------------------------------------------------*/ .service-one .post { background-color: #fff; padding: 1.875rem 1.563rem 2.188rem; margin: 0 auto 1.875rem; border-radius: 3px; border-bottom: 4px solid #5ca2df; transition: all 0.4s ease 0s; display: block; word-wrap: break-word; position: relative; cursor: default; z-index: 1; } .service-one .post:hover { -webkit-box-shadow: 0 3px 38px rgba(0,0,0,.1); box-shadow: 0 3px 38px rgba(0,0,0,.1); } .service-icon { margin: 0 auto 0.938rem; text-align: center; } .service-icon i { font-size: 3.438rem; line-height: normal; /* color: #5ca2df; */ transition: all 300ms ease-out 0s; } .service-one .post .entry-header { display: block; margin: 0 0 0.438rem; padding: 0; } .service-one .post .entry-header .entry-title { font-weight: 600; font-size: 1.25rem; margin: 0 0 0.938rem; } .service-one .post .more-link { color: #1e1d24; margin: 0; border: 2px solid #0a1620; } .service-one .post .more-link:before { /* background-color: #fff; */ background-color: transparent; z-index: -1; } .service-one .post:hover .more-link, .service-one .post:focus .more-link { background-color: #5ca2df; color: #fff; border: 2px solid #5ca2df; } /*--------------------------------------------------------------*/ /* Service Section - Two /*--------------------------------------------------------------*/ .service-two .post { background-color: transparent; padding: 0; margin: 0 auto 1.875rem; border-radius: 3px; border-bottom: 0; transition: all 0.3s ease 0s; display: block; word-wrap: break-word; text-align: left; position: relative; cursor: default; z-index: 1; } .service-two .post:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .service-two .post { margin-left: 1px; margin-right: 1px; } .service-two .post .service-icon { padding-right: 0; text-align: left; width: 50px; margin-right: 25px; } .service-two .post .service-icon i { font-size: 2.813rem; } .service-two .post .post-thumbnail { margin: 0px; width: 100%; overflow: hidden; position: relative; transition: all 200ms ease-out 0s; } .service-two .post .post-thumbnail img { transition: all 1000ms ease-out 0s; -webkit-transform: scale(1.002); -moz-transform: scale(1.002); -ms-transform: scale(1.002); -o-transform: scale(1.002); transform: scale(1.002); width: 100%; opacity: 1; } .service-two .post:hover .post-thumbnail img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } .service-two .post .post-content { padding: 32px 25px 40px; } .service-two .post .entry-header { display: block; margin: 0 0 17px; padding: 0; } .service-two .post .entry-header .entry-title { margin: 0; font-weight: 700; } /*--------------------------------------------------------------*/ /* Core Service Section /*--------------------------------------------------------------*/ .core-features { margin: 22px 0 0px; padding: 0; width: 100%; } .core-service { margin: 0px 0 50px; } .core-service .icon { float: left; margin: 0 25px 0 0; padding: 0; width: 40px; } .core-service .icon i { font-size: 2.25rem; transition: 0.3s; } .core-service:hover .icon i { padding-top: 10px; } .core-service .entry-title { margin: 0 0 12px; font-weight: 700; } .core-service p { margin: 0; } /*--------------------------------------------------------------*/ /* Callout Section /*--------------------------------------------------------------*/ .callout { background: url(../images/bg-large.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; padding: 80px 0; height: 100%; width: 100%; text-align: center; } .callout::before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); } .callout h1 { color: #fff; font-weight: 400; margin: -10px 0 15px; } .callout p { color: #fff; font-size: 18px; margin: 0 0 30px; } /*--------------------------------------------------------------*/ /* Portfolio Section /*--------------------------------------------------------------*/ .portfolio-tabs { border-top: 1px solid #e4e8ea; border-bottom: 1px solid #e4e8ea; text-align: center; margin: 0 0 25px; padding: 8px 0; } .portfolio-tabs li { display: inline-block; list-style: outside none none; margin: 0 10px; padding: 0; } .portfolio-tabs li a { display: inline-block; color: #737f85; padding: 0; text-decoration: none; } /*Portfolio Next-Prev Button*/ .portfolio .owl-prev, .portfolio .owl-next { background-color: #383838; color: #fff; font-size: 16px; line-height: 2.5; width: 40px; height: 40px; } .portfolio .owl-prev { left: 25px; opacity: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .portfolio .owl-next { right: 25px; opacity: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .portfolio .owl-carousel:hover .owl-prev { left: 25px; opacity: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .portfolio .owl-carousel:hover .owl-next { right: 25px; opacity: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /*--------------------------------------------------------------*/ /* Portfolio Filters Links /*--------------------------------------------------------------*/ .portfolio-filters { text-align: center; margin: 0 0 60px; padding: 0; } .portfolio-filters li { display: inline-block; position: relative; margin: 0px 20px 5px; } .portfolio-filters li a { background: transparent; color: #333333; display: inline-block; text-decoration: none; font-weight: 600; padding: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; position: relative; } .portfolio-filters li.active > a, .portfolio-filters li > a:hover { background: transparent; color: #121212; } .portfolio-filters li.active a:before, .portfolio-filters li a:before { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-filters li.active a:before, .portfolio-filters li a:before { top: unset; bottom: 0; display: block; height: 2px; width: 0%; content: ""; } .portfolio-filters li.active a:before, .portfolio-filters li a:hover:before { opacity: 1; width: 100%; } /*--------------------------------------------------------------*/ /* Portfolio Section /*--------------------------------------------------------------*/ .portfolio .post { position: relative; overflow: hidden; margin: 0px 0 30px; width: 100%; background-color: #111111; } .portfolio .post *, .portfolio .post *:before, .portfolio .post *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.20s linear; transition: all 0.20s linear; } .portfolio .post img { max-width: 100%; } .portfolio .post figcaption { position: absolute; bottom: 25px; width: 100%; -webkit-transform: translateY(95px); transform: translateY(95px); padding: 15px 40px; background-color: transparent; -webkit-transition: 0.4s; transition: 0.4s; text-align: center; z-index: 1; } .portfolio .post .entry-title { margin: 0; } .portfolio .post .entry-title a { color: #fff; } .portfolio .post .entry-title a:hover { color: #5ca2df; } .portfolio .post p { color: #5ca2df; margin: 0; padding: 0; } .portfolio .post i { background-color: transparent; position: absolute; color: #fff; font-size: 1.500rem; line-height: 0.85; width: 30px; top: 50px; right: 0; left: 0; text-align: center; -webkit-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: 0.3s; transition: 0.3s; height: 30px; font-style: normal; margin: 0 auto; z-index: 1; } .portfolio .post:hover img { zoom: 1; filter: alpha(opacity=2); -webkit-opacity: 0.2; opacity: 0.2; -webkit-transform: translateY(0px); transform: translateY(0px); } .portfolio .post:hover figcaption, .portfolio .post:hover .entry-title, .portfolio .post:hover p, .portfolio .post:hover i { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .portfolio .post::before, .portfolio .post::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; } .portfolio .post::before { border-top: 1px solid rgba(255, 255, 255, 0.50); border-bottom: 1px solid rgba(255, 255, 255, 0.50); -webkit-transform: scale(0,1); transform: scale(0,1); } .portfolio .post::after { border-right: 1px solid rgba(255, 255, 255, 0.50); border-left: 1px solid rgba(255, 255, 255, 0.50); -webkit-transform: scale(1,0); transform: scale(1,0); } .portfolio .post:hover::before, .portfolio .post:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /*--------------------------------------------------------------*/ /* Portfolio Section - Two /*--------------------------------------------------------------*/ .portfolio-two { margin: 0px; padding: 60px 0 30px; } .portfolio-two .post { border-radius: 0; margin-bottom: 50px; transition: all 0.3s ease 0s; background-color: #ffffff; position: relative; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .portfolio-two .post:hover { -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); } .portfolio-two .post .post-content { padding: 0.885rem 0.938rem 0.688rem; border: 1px solid #e7e7e7; } .portfolio-two .post-thumbnail { margin: 0px; width: 100%; overflow: hidden; position: relative; transition: all 200ms ease-out 0s; } .portfolio-two .post-thumbnail img { transition: all 300ms ease-out 0s; width: 100%; opacity: 1; } .portfolio-two .post:hover .post-thumbnail img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); opacity: 1; } .portfolio-two .entry-header .entry-title { font-weight: 700; margin: 0 0 0.313rem; } .thumbnail-showcase-overlay { background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; transition: all 0.4s ease; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 0; padding: 15px; } .portfolio-two .post .post-thumbnail:hover .thumbnail-showcase-overlay { visibility: visible; opacity: 1; height: 100%; } .portfolio-two .post .post-thumbnail{ text-align:center; position:relative; line-height:0px; font-size:0px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; width:100%; position:relative; height:100%; overflow:hidden; } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons { margin: -20px 0 0; position: absolute; top: 50%; right: 0; width: 100%; } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a { font-size: 1rem; line-height: 1; display: inline-block; margin: 0 10px 0; padding: 5px 15px 5px 15px; border: 2px solid #fff; opacity: 1; text-decoration: none; text-align: center; color: #fff; /* width: 30px; */ /* height: 30px; */ border-radius: 25px; background-color: transparent; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -wekbit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } /* .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a:hover, .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a:focus { background-color: #5ca2df; border: 2px solid #5ca2df; color: #fff; } */ .portfolio-two .post .post-thumbnail:hover .thumbnail-showcase-icons a { -wekbit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a:hover { opacity: 1; } /*--------------------------------------------------------------*/ /* Portfolio Detail/Single /*--------------------------------------------------------------*/ /* .portfolio-detail-info { margin-bottom: 1.875rem; } .portfolio-detail-info li { position: relative; margin-bottom: 0.75rem; list-style: none; } .portfolio-detail-info li > b { color: #1e1d24; } .portfolio-detail-info li a::after { content: ","; padding-left: 1px; } .portfolio-detail-info li a:last-child::after { display: none; } */ /*--------------------------------------------------------------*/ /* Portfolio Single/View /*--------------------------------------------------------------*/ @media (min-width: 992px){ .post-content-single { padding-left: 1.875rem; } } .post-content-single { margin-bottom: 3.125rem; } .post-content-single .entry-title { font-weight: 600; margin: 0 0 1.500rem; padding-bottom: 0.625rem; border-bottom: 1px solid #e7e7e7; } .portfolio-meta { list-style: none; font-size: 0.875rem; margin: 1.875rem 0 0; padding-top: 1.875rem; border-top: 1px solid #e7e7e7; } .portfolio-meta li { margin: 0.625rem 0; } .portfolio-meta li span { display: inline-block; width: 9.375rem; font-weight: 700; color: #464646; } .portfolio-meta li span i { position: relative; top: 1px; width: 0.875rem; text-align: center; margin-right: 0.438rem; } .portfolio-meta li > a { color: #5ca2df; } .portfolio-meta li > a:hover, .portfolio-meta li > a:focus { color: #1e1d24; } .portfolio-social li a:after { color: #464646; } .portfolio-social li a:hover:after { color: #fff !important; } .portfolio-social { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 1.875rem; padding: 0.313rem 0; } .portfolio-social li span { display: inline-block; width: 6.375rem; font-weight: 700; color: #464646; font-size: 0.875rem; } @media (max-width: 992px){ .portfolio-social { text-align: left; } } /*--------------------------------------------------------------*/ /* Section Header /*--------------------------------------------------------------*/ .entry-header .entry-title > a { color: #1e1d24; } .entry-header .entry-title > a:hover, .entry-header .entry-title > a:focus, .entry-header .entry-title > a:active { color: #5ca2df; } /*--------------------------------------------------------------*/ /* Page Title Section /*--------------------------------------------------------------*/ .page-title-module { position: relative; width: 100%; min-height: 400px; /* background: url("../images/testimonial-bg.jpg"); */ background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 80px 0 100px; } .page-title-module:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 9, 15, 0.8); } .page-title-module .content-center { position: absolute; left: 0; right: 0; z-index: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-title { position: relative; } .page-title h1 { margin: 0px; word-wrap: break-word; } .page-breadcrumb { list-style: none outside none; margin: 0px; padding: 0px; font-weight: 500; font-size: 1.000rem; } .page-breadcrumb > li { color: #fff; display: inline-block; } .page-breadcrumb > li + li:before { color: #fff; content: "/"; padding: 0 10px 0 5px; } .page-breadcrumb > li a { color: #fff; } @media (max-width: 768px) { .page-title-module { padding: 25px 0 35px; } .page-title h1 { margin: 0; text-align: center; } .page-breadcrumb { text-align: center; padding: 15px 0 5px; float: none; } } /*--------------------------------------------------------------*/ /* Theme Page Header Area /*--------------------------------------------------------------*/ .theme-page-header-area { position: relative; padding: 4rem 0; width: 100%; height: 100%; } .theme-page-header-area:after { background: url("./assets/img/shadow.png") no-repeat; z-index: 1; background-position: center bottom; content: ''; position: absolute; bottom: -31px; left: 0; right: 0; height: 31px; } .theme-page-header-area { padding: 12.5rem 0 7rem 0; } .theme-page-header-area .overlay { background-color: rgba(0, 0, 0, 0.60); position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } /*--------------------------------------------------------------*/ /* Testimonial Section /*--------------------------------------------------------------*/ .review { color: #000; padding: 0; margin: 0 0 50px; position: relative; word-wrap: break-word; } .review .wt-content { background-color: #ffffff; position: relative; overflow: inherit; padding: 23px 25px 23px 66px; border-radius: 2px; margin: 0 0 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .review .wt-title { font-size: 20px; font-weight: 700; margin: 0 0 10px; color: #202020; } .review .wt-content:before { position: absolute; left: 20px; top: 20px; content: "\f10d"; display: inline-block; font-family: "FontAwesome"; font-size: 30px; line-height: 1.50; } .review .wt-content:after { border-left: 0px solid transparent; border-right: 30px solid transparent; border-top: 15px solid #ffffff; right: 0; left: 50px; bottom: -15px; width: 0; height: 0; content: ""; position: absolute; display: block; } .client-info { overflow: hidden; margin: 40px 0 0; padding: 0; } .client-thumbnail { float: left; margin: 0 25px 0px 0; overflow: hidden; position: relative; } .client-thumbnail img { border-radius: 50%; background-color: #fff; border-bottom: 4px solid #d5eef5; width: 90px; height: 90px; margin: 0 auto; } .client-name { font-size: 18px; font-weight: 600; font-style: normal; color: #ffffff; display: block; } .client-designation { color: #fff; font-size: 14px; display: block; } .client-designation:before, .review .client-email:before { display: none; } .rating-xs { padding: 5px 0 0; } .client-ratings{ margin: 2px 0 0;} .client-ratings .client-star { font-size:20px; font-family: 'Glyphicons Halflings'; font-style: normal; margin-right: -2px; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); } .client-star.fill{ color: #fbc430; } .client-star.unfill{ color: #cacaca; } .client-ratings .client-star i { font-style: normal; } /*--------------------------------------------------------------*/ /* Testimonial Section - Two /*--------------------------------------------------------------*/ .testimonial-two { position: relative; width: 100%; min-height: 450px; background: url("../images/funfact-bg.jpg") center center no-repeat; background-size: cover; padding: 80px 0 100px; } .testimonial-two:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 9, 15, 0.8); } .testimonial-two .review { background-color: #ffffff; border-left: none; position: relative; margin: 0px 0 50px; padding: 50px 30px 50px; font-size: 1.000rem; line-height: 1.75; border-left: none; border-radius: 2px; font-style: normal; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); transition: 0.3s; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); /* border: 1px solid #e7e7e7; */ } .testimonial-two .review:hover { -webkit-box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px); } /* .testimonial-two .review:before { display: none; } */ .testimonial-two .review:before { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2df; transition: all 500ms ease; left: 0px; } .testimonial-two .review:after { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2d; transition: all 500ms ease; right: 0px; } .testimonial-two .review:hover:after, .testimonial-two .review:hover:before {width: 100%;transition: all 500ms ease;} .testimonial-two .description { margin: 0 0 35px; position: relative; } .testimonial-two .avatar { margin: 0px auto 30px; width: 100px; height: auto; } .testimonial-two .description { margin: 0 0 24px; } .testimonial-two .name { color: #202020; font-weight: 700; font-size: 1.125rem; margin: 0px; } .testimonial-two .name > a { color: #202020; } .testimonial-two .designation { color: #a7a7a7; font-size: 0.875rem; display: block; padding-left: 7px; font-weight: 500; } /*--------------------------------------------------------------*/ /* Funfacts 1 & Funfacts 2 Section /*--------------------------------------------------------------*/ .funfact { background: url("../images/funfact-bg.jpg") center fixed; position: relative; background-size: cover; background-repeat: no-repeat; } .funfact::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 9, 15, 0.8); } .funfact-two { position: relative; } .funfact-inner { cursor: pointer; margin: 0 0 2.5rem; transition: 0.3s; border: 5px solid transparent; padding: 1.563rem; border-radius: 3px; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .funfact-inner:hover { border: 5px solid rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } i.funfact-icon { font-size: 3.000rem; margin-bottom: 20px; color: #ffffff; transition: 0.3s; } .funfact-title { color: #ffffff; font-weight: 600; margin: 0; } .funfact-inner .description { color: #fff; font-weight: 400; font-size: 1rem; margin: 5px 0 10px; } /*--------------------------------------------------------------*/ /* About Us /*--------------------------------------------------------------*/ .about-img-holder { margin: 0 0 20px; padding: 30px; position: relative; } .about-img-holder img { border-radius: 2px; } .about-module { margin: 0; } .about-module .title, .about-module .subtitle { margin: 0 0 20px; } .about-module .subtitle { letter-spacing: 3px; font-weight: 700; } .about-module .social-icons a:after { color: #202020 !important; } .about-module .social-icons a:hover:after { color: #fff !important; } @media (max-width: 768px) { .about-module { padding-left: 0px; margin-bottom: 50px; } .about-img-holder { padding-right: 0px; } } /*--------------------------------------------------------------*/ /* Team Section /*--------------------------------------------------------------*/ .team-module { background-color: #ffffff; padding: 0px; margin: 0 0 1.875rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .team-module:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 3px 38px rgba(0,0,0,.1); } .team-caption { background-color: #ffffff; color: #ffffff; transition: all 0.3s ease 0s; border-radius: 0; padding: 0.875rem 0 1.125rem; font-weight: 500; word-wrap: break-word; overflow: auto; border-bottom: 2px solid #e7e7e7; } .team-module:hover .team-caption { border-bottom: 2px solid #5ca2df; } .team-caption .name { margin: 0px 0 0.313rem; font-size: 1.25rem; font-weight: 600; } .team-caption .designation { color: #5ca2df; margin: 0; font-weight: 500; } .team-overlay { background: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; transition: all 0.3s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .team-module:hover .team-overlay { visibility: visible; opacity: 1; } .team-overlay-inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; margin-top: 0px; } .team-avatar { text-align:center; position:relative; line-height:0px; font-size:0px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; width:100%; position:relative; height:100%; overflow:hidden; } .team-avatar img { transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; width: 100%; } .team-avatar .team-social-icons { margin-top: 0px; text-align: center; width: 100%; } .team-avatar .team-social-icons a { display: inline-block; margin-left: 2px; color: #000; padding: 0; margin: 0 3px; text-decoration: none; background-color: #ffffff; border-radius: 50px; transition: all 0.1s ease; height: 30px; width: 30px; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -wekbit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); } .team .team-module:hover .team-avatar .team-social-icons a { -wekbit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .team-avatar .team-social-icons a:hover { color: #ffffff; } .team-avatar .team-social-icons a i { font-size: 0.875rem; line-height: 2.2; } .team-avatar .team-social-icons a.facebook:hover { background-color: #3c5a99; } .team-avatar .team-social-icons a.twitter:hover { background-color: #00aced; } .team-avatar .team-social-icons a.linkedin:hover { background-color: #0097d3; } .team-avatar .team-social-icons a.googleplus:hover { background-color: #dc4a38; } .team-avatar .team-social-icons a.instagram:hover { background-color: #ba0497; } .team-avatar .team-social-icons a.youtube:hover { background-color: #ff051e; } /*--------------------------------------------------------------*/ /* Team Section Two /*--------------------------------------------------------------*/ .team-module-two { background-color: #ffffff; padding: 0px; margin: 0 1px 50px; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .team-module-two:hover { -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); } .team-module-two .team-caption { background-color: #ffffff; color: #ffffff; transition: all 0.3s ease 0s; border-radius: 0; padding: 25px; font-weight: 500; word-wrap: break-word; overflow: auto; border: none; } .team-module-two:before { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2df; transition: all 500ms ease; left: 0px; } .team-module-two:after { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2d; transition: all 500ms ease; right: 0px; } .team-module-two:hover:after, .team-module-two:hover:before {width: 100%;transition: all 500ms ease;} .team-module-two .team-caption .name { margin: 0px 0 10px; font-weight: 700; } .team-module-two .team-caption .designation { color: #737373; margin: 0; font-weight: 600; font-size: 1.000rem; font-style: italic; margin: 0 0 18px; } .team-module-two .team-caption p { margin: 0 0 10px; } .team-module-two .team-social-icons { margin-top: 0px; width: 100%; } .team-module-two .team-social-icons a { display: inline-block; margin-left: 2px; color: #000; padding: 0; margin: 0 8px 0 0; text-decoration: none; background-color: transparent; border-radius: 50px; transition: all 0.1s ease; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .team-module-two .team-social-icons a:hover { color: #ffffff; } .team-module-two .team-social-icons a i { font-size: 0.938rem; line-height: 2; } .team-module-two .team-social-icons a.facebook:hover { background-color: transparent; color: #3c5a99; } .team-module-two .team-social-icons a.twitter:hover { background-color: transparent; color: #00aced; } .team-module-two .team-social-icons a.linkedin:hover { background-color: transparent; color: #0097d3; } .team-module-two .team-social-icons a.googleplus:hover { background-color: transparent; color: #dc4a38; } .team-module-two .team-social-icons a.instagram:hover { background-color: transparent; color: #ba0497; } .team-module-two .team-social-icons a.youtube:hover { background-color: transparent; color: #ff051e; } /*--------------------------------------------------------------*/ /* Callout Two Section /*--------------------------------------------------------------*/ .callout-to-action { background: url("../images/callout-bg.jpg") center center fixed; background-size: cover; background-repeat: no-repeat; position: relative; padding: 5rem 0; height: 100%; width: 100%; } .callout-to-action::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 9, 15, 0.8); } .callout-to-action .title { color: #fff; font-weight: 700; margin: -10px 0 20px; line-height: 1.5; } .callout-to-action .subtitle { color: #fff; margin: 0; } /*--------------------------------------------------------------*/ /* Sponsors Section /*--------------------------------------------------------------*/ .sponsors { position: relative; padding: 5rem 0; text-align: center; } .sponsors img { margin: 0 auto; transition: all 0.4s; border: 1px solid #e7e7e7; padding: 10px; } .sponsors img:hover { border: 1px solid rgba(92, 162, 223, .95); } .sponsors .owl-prev, .sponsors .owl-next { margin: 0; } /*--------------------------------------------------------------*/ /* Blog Section /*--------------------------------------------------------------*/ .blog .post { background-color: #fff; margin: 0 0 1.875rem; padding: 1.25rem 1.125rem 1.563rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); position: relative; border: 1px solid #e7e7e7; } .blog .post:hover { background-color: #fff; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 3px 38px rgba(0,0,0,.1); box-shadow: 0 3px 38px rgba(0,0,0,.1); } /* .full-content { position: relative; padding: 1.563rem 1.25rem 1.563rem; } */ .blog .post:before { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2df; transition: all 500ms ease; left: 0px; } .blog .post:after { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2d; transition: all 500ms ease; right: 0px; } .blog .post:hover:after, .blog .post:hover:before {width: 100%;transition: all 500ms ease;} .blog .post .post-thumbnail { margin-bottom: 1.25rem; } .blog .post .list-view-thumbnail { float: left; width: 18.75rem; margin-bottom: 1.25rem; margin-right: 1.875rem; } @media (Max-width: 650px) { .blog .post .list-view-thumbnail { float: none; width: 100%; margin-right: 0; } } .blog .post .entry-header { margin: 0 0 18px; padding: 0; } .blog .post .entry-header .entry-title { margin: 0; font-weight: 600; } .blog.home-news .post .entry-header .entry-title { font-size: 1.25rem; } .blog .entry-meta { margin: -0.375rem 0 0.75rem; font-size: 0.875rem; font-weight: 600; } .blog .entry-meta > span { margin-right: 10px; } .blog .entry-meta .byline { color: #a7a7a7; } .blog .entry-meta a { display: inline-block; color: #a7a7a7; } .blog .entry-meta a:hover, .blog .entry-meta a:focus { color: #5ca2df; } .blog .entry-meta > span:after { padding-left: 10px; content: '/'; color: #a7a7a7; } .blog .entry-meta > span:last-child:after { display: none; } /* .blog .entry-meta .entry-date a { color: #5ca2df; } */ .site-content .blog .entry-meta .entry-date a { color: #a7a7a7; } .site-content .entry-date:before { content: "\f017"; } .site-content .byline .author:before { content: "\f2c0"; } .site-content .cat-links:before { content: "\f115"; } .site-content .tag-links:before { content: "\f02b"; } .byline .author:before, .entry-date:before, .comments-link:before, .cat-links:before, .tag-links:before { font-family: FontAwesome; color: #5ca2df; position: relative; display: inline-block; font-size: 14px; padding-right: 7px; padding-left: 1px; text-decoration: inherit; vertical-align: baseline; } /* .site-content .entry-meta .cat-links a:after { content: ','; padding-left: 1px; Padding-right: 5px; }*/ .site-content .entry-meta .cat-links a:last-child::after { display: none; } .more-link { color: #1e1d24; margin: 0.438rem 0 0; position: relative; display: inline-block; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; padding: 0.438rem 1.5rem; font-size: 0.875rem; line-height: 1.5; font-weight: 600; text-align: center; border: 2px solid #0a1620; border-radius: 50px; position: relative; } .more-link:hover, .more-link:focus { color: #FFF; border: 2px solid #5ca2df; } .more-link:before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; position: absolute; border-radius: 40px; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ''; background-color: #5ca2df; z-index: -2; } .more-link:hover:before, .more-link:focus:before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; left: 0; right: 0; opacity: 1; } /*--------------------------------------------------------------*/ /* Blog Page Template Section /*--------------------------------------------------------------*/ .site-content .blog .post { background-color: #ffffff; padding: 1.563rem 1.25rem 1.875rem; margin: 0 0 2.5rem; } .site-content .blog .post:last-child { margin-bottom: 50px; } .site-content .blog .post:hover { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .site-content .blog .post .entry-header { margin: 0 0 1.438rem; } .site-content .blog .post .entry-header .entry-title { font-size: 1.875rem; } .site-content .blog .entry-meta { margin: -0.375rem 0 0.938rem; } /*Pagination*/ .pagination { margin: 0.625rem 0 1.25rem; display: block; padding: 0; text-align: center; } .pagination a { background-color: #f5f6f9; border: 1px solid #d1d1d1; color: #202020; cursor: pointer; display: inline-block; line-height: 1.2; font-weight: 600; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 3px; margin: 0 2px 10px; padding: 10px; vertical-align: baseline; white-space: nowrap; width: 45px; height: 45px; } .pagination .nav-links span { background-color: #202020; border: 1px solid #d1d1d1; color: #f5f6f9; cursor: pointer; display: inline-block; line-height: 1.2; font-weight: 600; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 3px; margin: 0 2px 10px; padding: 10px; vertical-align: baseline; white-space: nowrap; width: 45px; height: 45px; } .pagination a:hover, .pagination a.active { color: #FFFFFF; background-color: #202020; border: 1px solid #202020; } /*Blog Author*/ .blog-author { background-color: #ffffff; border: 1px solid #e7e7e7; margin: 0 0 2.5rem; padding: 1.563rem 1.25rem 1.563rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blog-author:hover { -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); } .blog-author .avatar { float: left; margin-right: 30px; } .blog-author img { height: 130px; width: 130px; } .blog-author .name { margin: 0 0 10px; font-weight: 700; } .blog-author .designation { margin: 0 0 15px; } .blog-author p { margin: 0 0 15px; } .blog-author .social-icons a:after { color: #202020; } .blog-author .social-icons.spin-icon a:hover:after, .blog-author .social-icons.spin-icon a:focus:after { color: #fff; } /*Comments*/ .comment-section { background-color: #ffffff; border: 1px solid #e7e7e7; margin: 0 0 2.5rem; padding: 1.563rem 1.25rem 1.563rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .comment-section:hover { -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); } .comment-title { border-bottom: 1px solid #e7e7e7; display: block; margin: 0 0 1.563rem; padding: 0 0 0.625rem; } .comment-title h3 { margin: 0; font-weight: 600; } .comment-box { margin: 0 !important; padding: 0; position: relative; } .pull-left-comment { float: left; margin-right: 30px; width: 90px; height: auto; } .comment-img { border-radius: 100%; max-width: 100%; margin: 5px 0 20px; } .comment-detail { border-bottom: 1px solid #e7e7e7; margin: 0 0 30px; padding: 0 0 30px; } .comment-detail-title { margin: 0 0 10px; font-weight: 700; } .comment-date { font-size: 0.875rem; color: #adadad; display: block; margin: 0 0 15px; } .reply a { background-color: #ffffff; color: #202020; border: 1px solid #e7e7e7; border-radius: 2px; display: inline-block; font-size: 0.813rem; font-weight: 600; padding: 3px 15px; transition: 0.3s ease-in-out 0s; } /*Comment Form*/ .comment-form-section { background-color: #ffffff; border: 1px solid #e7e7e7; margin: 0 0px 2.5rem; padding: 1.563rem 1.25rem 1.563rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .comment-form-section:hover { -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); } .comment-form-section form label { font-size: 0.938rem; display: block; margin: 0 0 20px; font-weight: 600; } .comment-form-section form input, .comment-form-section form textarea { margin-top: 10px; } .comment-form-section form input { height: 48px; } .comment-author-link { overflow: hidden; text-overflow: ellipsis; display: inline-flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*--------------------------------------------------------------*/ /* Sidebars & Widgets Section /*--------------------------------------------------------------*/ /* @media (min-width: 991px) { */ /* .sidebar.space-left { padding-left: 30px; } */ /* .sidebar.space-right { padding-right: 30px; } */ /* } */ .sidebar .widget { background-color: #fff; border: 1px solid #e7e7e7; font-size: 0.938rem; overflow: hidden; padding: 1.875rem 1.25rem; margin: 0 0 2.5rem; } .sidebar .widget:last-child { margin: 0 0 50px; } .sidebar .widget .widget-title { font-size: 1.350rem; padding: 0.625rem 0px 0.625rem 0.938rem; font-weight: 600; background: #fafafa; background: -webkit-linear-gradient(to right, #fafafa, #ffffff); background: linear-gradient(to right, #fafafa, #ffffff); } .widget .widget-title { color: #202020; font-weight: 700; margin: 0 0 30px; padding: 5px 0 5px 15px; } /*Address*/ .widget address { font-style: normal; } .widget p { font-size: 0.938rem; } .widget i.icon { font-size: 1.125rem; padding: 0 12px 0 1px; } /*Sidebar News*/ .widget .post { background: transparent; margin: 0 0 20px; box-shadow: none; border-bottom: 1px solid #e7e7e7; padding: 0 0 15px; } .widget .post:last-child { margin: 0px; padding: 0px; border-bottom: none !important; } .widget .post .entry-title { margin: -5px 0 5px; line-height: 1.5; display: block; font-size: 1.000rem; word-wrap: break-word; } .widget .post .entry-title a { color: #202020; } .widget .post .entry-meta .entry-date:before { display: none; } .widget .post a.post-thumbnail { display: block; float: left; width: 70px; margin-right: 20px; } /*Sidebar Tags*/ .tagcloud { margin: 0px; overflow: hidden; padding: 0px 0; } .tagcloud a { background-color: #fafafa; border: 1px solid #e7e7e7; color: #737373; cursor: pointer; display: inline-block; font-size: 0.875rem; margin: 0 5px 8px 0; padding: 4px 14px; transition: all 0.3s ease 0s; vertical-align: baseline; white-space: nowrap; border-radius: 1px; } .widget .tagcloud a:hover { color: #ffffff !important; } /*Widget Paragraph*/ .widget p { margin: 0 0 20px; } .widget p:last-child { margin: 0; } /*Sidebar Calender*/ .site-footer .widget_calendar { background: #0819259e; } .widget table { font-weight: 500; color: #737373; font-size: 0.938rem; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0; text-align: center; table-layout: fixed; width: 100% } .widget #wp-calendar caption { text-align: center; color: #ffffff; font-weight: 600; font-size: 1.000rem; margin: 0; padding: 10px 0; border-radius: 3px; } .widget #calendar_wrap th { color: #202020; text-align: center; border-width: 0 1px 1px 0; line-height: 2.5; } .widget .calendar_wrap th { color: #ffffff; text-align: center; border-width: 0 1px 1px 0; line-height: 2.5; } .widget #calendar_wrap td, .widget .calendar_wrap td { border-width: 0 1px 1px 0; line-height: 2.5; } .widget #wp-calendar tr td, .widget .wp-calendar tr td { border-width: 0 1px 1px 0; line-height: 2.5; } .widget #wp-calendar a, .widget .wp-calendar a { color: #202020; font-weight: 600; } .widget #wp-calendar #next a, .widget .wp-calendar #next a { color: #202020;font-weight: 600; } .widget #wp-calendar #prev a, .widget .wp-calendar #prev a{ padding: 10px; color: #202020;font-weight: 600; } .widget table, .widget th, .widget td { text-align: center; padding: 0; border: none; } /*Calendar Next Prev CSS*/ .site-footer .wp-calendar-nav{ padding: 20px 15px; } .sidebar .wp-calendar-nav { padding: 10px 0px 0px 0px; } /*Calendar CSS For Site-Footer*/ .site-footer .calendar_wrap .wp-calendar-nav-next a{ margin: 0px; float: right; padding: 0px 15px; background: linear-gradient(to right, #2d597d59, #16293a); line-height: 2.0; } .site-footer .calendar_wrap .wp-calendar-nav-next a:hover{ margin: 0px; float: right; padding: 0px 15px; background: linear-gradient(to right, #2d597d59, #16293a); line-height: 2.0; box-shadow: 0px 0px 3px 0px rgb(92 162 223 / 22%); } .site-footer .calendar_wrap .wp-calendar-nav-prev a{ margin: 0px; float: left; padding: 0px 15px; background: linear-gradient(to right, #2d597d59, #16293a); line-height: 2.0; } .site-footer .calendar_wrap .wp-calendar-nav-prev a:hover{ margin: 0px; float: left; padding: 0px 15px; background: linear-gradient(to right, #2d597d59, #16293a); line-height: 2.0; box-shadow: 0px 0px 3px 0px rgb(92 162 223 / 22%); } /*Calendar CSS For Sidebar*/ .sidebar .calendar_wrap .wp-calendar-nav-next a { margin: 0px; float: right; padding: 0px 15px; background: linear-gradient(to right, #f0f1ed, #ffffff); line-height: 2.0; } .sidebar .calendar_wrap .wp-calendar-nav-next a:hover { margin: 0px; float: right; padding: 0px 15px; background: linear-gradient(to right, #f0f1ed, #ffffff); line-height: 2.0; box-shadow: 0px 0px 3px 0px rgb(92 162 223 / 22%); } .sidebar .calendar_wrap .wp-calendar-nav-prev a{ margin: 0px; float: left; padding: 0px 15px; background: linear-gradient(to right, #ffffff, #eaebe6c4); line-height: 2.0; } .sidebar .calendar_wrap .wp-calendar-nav-prev a:hover{ margin: 0px; float: left; padding: 0px 15px; background: linear-gradient(to right, #ffffff, #eaebe6c4); line-height: 2.0; box-shadow: 0px 0px 3px 0px rgb(92 162 223 / 22%); } /*Sidebar Widget Archive, Widget categories, Widget Links, Widget Meta, widget Nav Menu, Widget Pages, Widget Recent Comments, Widget Recent Entries */ .widget ul, .widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul { padding: 0; margin: 0; list-style: outside none none; } .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { margin: 0; padding-left: 20px !important; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e7e7e7; } .widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child { padding-bottom: 0px; border-bottom: none; } .widget li a, .widget_archive li a, .widget_categories li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a, .widget_pages li a, .widget_recent_comments li a, .widget_recent_entries li a { color: #6a6a6a; transition: all 0.3s ease 0s; position: relative; } .widget_recent_comments .recentcomments a { left: 20px;} .widget_archive li a:before, .widget_categories li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li a:before, .widget_recent_entries li a:before { content: "\f105"; font-family: FontAwesome; position: absolute; right: auto; left: -15px; font-size: 0.938rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .widget_archive li a:hover:before, .widget_categories li a:hover:before, .widget_links li a:hover:before, .widget_meta li a:hover:before, .widget_nav_menu li a:hover:before, .widget_pages li a:hover:before, .widget_recent_comments li a:hover:before, .widget_recent_entries li a:hover:before { left: -12px; } /*--------------------------------------------------------------*/ /* Footer Section /*--------------------------------------------------------------*/ .footer { position: relative; /* background: url(../images/footer-bg.jpg); */ background-repeat: no-repeat; background-size: cover; margin-top: 0; border-top: 3px solid #5ca2df; } .footer::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 9, 15, 0.9); } .site-footer { background-color: transparent; position: relative; padding-top: 5rem; padding-bottom: 1.875rem; } @media (max-width:992px) { .site-footer { padding-top: 350px; } } @media (max-width:768px) { .site-footer { padding-top: 80px; } } /*--------------------------------------------------------------*/ /* Footer Widget Section /*--------------------------------------------------------------*/ .site-footer .widget { margin: 0 0 3.125rem; padding: 0; } .site-footer .widget .widget-title { color: #ffffff; margin: 0 0 10px; padding: 0.25rem 0px 0.25rem 0.625rem; font-size: 1.350rem; font-weight: 600; word-wrap: break-word; color: #ffffff; margin: 0 0 10px; font-weight: 600; word-wrap: break-word; background: linear-gradient(to right, #5ca2df47, #192127); background: -webkit-linear-gradient(to right, #5ca2df47, #192127); } .site-footer .widget .widget-title:after { display: none; } .site-footer p, .site-footer .widget address > a, .site-footer .widget address > p > a, .site-footer .widget .post .entry-title a { color: #e0e0e0; } .site-footer .widget .post { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .site-footer .widget .tagcloud a { background-color: #1d2125; border: 1px solid #333; color: #e0e0e0; } .site-footer .widget li a { color: #ffffff; } .site-footer .widget #wp-calendar #prev a {color: #ffffff;} .site-footer .widget #calendar_wrap th {color: #ffffff;} .site-footer .widget #wp-calendar a {color: #ffffff;} /*--------------------------------------------------------------*/ /* 404 Error Page /*--------------------------------------------------------------*/ .error-404 { margin: 30px 0 50px; } .error-404 h1 { font-size: 12.000rem; line-height: 1.2; letter-spacing: 1px; } .error-404 h2 { font-size: 3.000rem; font-family: 'Galada', cursive; } .error-404 .btn-large i { padding-right: 7px; font-size: 1.125rem; } @media (max-width: 768px) { .error-404 h1 { font-size: 7.000rem; } .error-404 h2 { font-size: 2.000rem; } } /*--------------------------------------------------------------*/ /* Contact Page /*--------------------------------------------------------------*/ .contact-area { background-color: #fff; margin: 0px; padding: 35px 20px 40px; border-radius: 3px; transition: 0.3s; } .contact-area:before, .contact-area:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; opacity: 0; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; z-index: 0; border-radius: 3px; } .contact-area:before { border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .contact-area:after { border-left-width: 2px; border-left-style: solid; border-right-width: 2px; border-right-style: solid; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .contact-area:hover:after, .contact-area:hover:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .contact-area i.fa { font-size: 3.500rem; line-height: 100%; padding: 0 0 30px; position: relative; } .contact-area .title { margin: 0 0 15px; font-weight: 600; } .contact-area address { margin: 0; line-height: 1.5; } .contact-area address a { color: #737373; } .google-map iframe { margin: 0px; } /*Contact Form*/ .contact-form { background-color: #ffffff; box-shadow: none; margin: 0 0px 50px; } .contact-form form label { font-size: 0.938rem; display: block; margin: 0 0 20px; font-weight: 600; } .contact-form form input, .contact-form form textarea { margin-bottom: 20px; } .contact-form form input { height: 50px; } .contact-form .wpcf7-submit { border-radius: 50px; padding: 0.438rem 1.5rem;; } /*Contact Author Widget*/ .contact-widget-author { background-color: #ffffff; box-shadow: none; margin: 0 0px 50px; } .contact-widget-author .avatar { margin: 0 auto 30px; height: 120px; width: 120px; } .contact-widget-author img { border-bottom: 4px solid #6ca8db; } .contact-widget-author .name { margin: 0 0 10px; font-weight: 700; } .contact-widget-author .social-icons a:after { color: #202020; } .contact-widget-author .social-icons a:hover:after, .contact-widget-author .social-icons a:focus:after { color: #fff; } /*--------------------------------------------------------------*/ /* Page Scroll Up /*--------------------------------------------------------------*/ .page-scroll-up { border-radius: 50px; bottom: 30px; padding: 3px; display: none; height: 50px; opacity: 1; position: fixed; right: 60px; text-align: center; width: 50px; overflow: hidden; z-index: 9999; line-height: 2.5; color: #ffffff; } .page-scroll-up:hover, .page-scroll-up:focus { color: #ffffff; } /*===================================================================================*/ /* CUSTOM HEADER SECTION /*===================================================================================*/ .custom-header { display: block; height: auto; width: 100%; position: relative; } .wp-custom-header { position: relative; } .wp-custom-header::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 0, 0, 0.3); } .wp-custom-header img { margin: 0 auto; } .header-content { height: auto; left: 0; position: absolute; right: 0; z-index: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header-content h1, .header-content h2, .header-content h3, .header-content h4, .header-content h5, .header-content h6, .header-content p, .header-content ul, .header-content ol, .header-content li, .header-content a { color: #fff; margin: 0 0 10px; } @media (max-width: 480px) { .wp-custom-header img { height: 250px; } .header-content h1 { font-size: 1.625rem; } .header-content h2 { font-size: 1.50rem; /* 36px */ } .header-content h3 { font-size: 1.05rem; /* 30px */ } .header-content h4 { font-size: 1.03rem; /* 24px */ } .header-content h5 { font-size: 1.00rem; /* 18px */ } .header-content h6 { font-size: 0.675rem; font-weight: 600; /* 14px */ } } /*--------------------------------------------------------------*/ /* AWP life CSS for small Devices /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* Woocommerce CSS /*--------------------------------------------------------------*/ /*===================================================================================*/ /* WOOCOMMERCE CSS /*===================================================================================*/ .woocommerce .woocommerce-result-count { margin: 1rem 0 1rem; } .woocommerce .products ul, .woocommerce ul.products { margin: 0; } .woocommerce ul.products li.product h3 { text-align: center; margin: 0rem 0 1rem; padding: 0; font-weight: 700; } .woocommerce .products .star-rating { margin: 0 auto .5rem; } .woocommerce .price { text-align: center; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.25rem; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del { font-size: 1.1rem; font-weight: 600; } .woocommerce ul.products li.product .price del { display: inline-block; } .woocommerce ul.products li.product .price ins, .price ins { font-weight: 600; color: #64646d; } .woocommerce div.product p.price { text-align: left; font-weight: 600; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { transition: all 0.6s; text-align: center; padding: 0.4rem 0.4rem 1.5rem; margin-bottom: 2rem; } .woocommerce-page ul.products li.product:hover { box-shadow: 0 14px 25px 0 rgba(0,0,0,0.2); } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { right: inherit; min-width: auto; min-height: auto; color: #fff; border-radius: 0; font-size: 0.750rem; line-height: 0.700rem; padding: .200rem .350rem .300rem; margin: 0; position: absolute; left: 10px; top: 10px; transition: all 0.5s; } .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart { box-shadow: none; font-weight: 700; line-height: 1.3; border-radius: 0px; padding: .600rem 0.7rem; transition: all 0.5s; margin-top: 0.7rem; height: 38px; } .woocommerce a.button { border-radius: 0px; box-shadow: none; } .woocommerce table.my_account_orders .order-actions .button { margin: 0 2px; } .woocommerce table.my_account_orders .order-actions .button:last-child { margin-top: 4px; } .woocommerce div.product form.cart .button, .woocommerce a.button, .woocommerce a.button:hover { padding: .700rem 1.2rem; } .woocommerce .posted_in a, .woocommerce-product-rating a, .woocommerce .tagged_as a { transition: all 0.5s; font-weight: 600; } .woocommerce div.product form.cart { margin-top: 2rem; padding: 0; } .woocommerce div.product form.cart .variations { padding: 2rem 0; margin: 0 0 2rem; } .woocommerce .variations td.label { padding: 0; font-size: 0.938rem; } .woocommerce div.product form.cart .variations select { padding: 6px 12px; height: 45px; border-radius: 2px; font-size: 0.875rem; border: 1px solid #e9e9e9; } .woocommerce div.product form.cart .variations tr { display: block; padding: 0; } .woocommerce div.product form.cart .variations td { display: list-item; list-style: none; text-align: left; line-height: 1.2rem; padding: 0rem; } .woocommerce div.product form.cart .variations td.label label { font-family: 'Open Sans', Sans-serif; margin-bottom: 15px; } .woocommerce .woocommerce-variation-price { margin: 0 0 1rem; } .woocommerce-variation-price .woocommerce-Price-amount { font-weight: 600; } .woocommerce-tabs { padding: 2rem 0 0; } .woocommerce div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img { border-radius: 100%; height: 70px; margin: 2px 0 20px; width: 70px; float: left; } .woocommerce #reviews #comments ol.commentlist { padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 90px; } #review_form_wrapper { margin: 3rem 0 2rem; } .woocommerce #reviews #comments ol.commentlist li .meta strong { font-size: 1.000rem; } .woocommerce #reviews #comments ol.commentlist li .meta time { font-size: 1.000rem; } .woocommerce #reviews h3 { margin: 0 0 1rem; } .woocommerce div.product .woocommerce-tabs .panel { box-shadow: none; padding: 1rem 1rem 1rem; border-radius: 0; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { padding: 0; } .woocommerce-Tabs-panel h2, .woocommerce .related h2, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 1.500rem; } .woocommerce .related h2 { margin: 0 0 20px; } .woocommerce table.shop_table { border-radius: 0; margin: 0 -1px 40px 0; padding: 0; } .woocommerce table.shop_table th { border: none; font-size: 1.000rem; padding: 12px; font-weight: 600; } .woocommerce table.shop_table td { border-left: none; border-right: none; border-bottom: none; } .woocommerce-cart table.cart td { font-weight: 600; padding: 15px 12px; } .woocommerce-cart table.cart td a { font-weight: 600; transition: all 0.3s; } .woocommerce-cart .cart-collaterals .cart_totals table td { vertical-align: middle; } .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table td a { font-weight: 600; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 70px; } .woocommerce .quantity .qty { width: 3.5rem; text-align: left; height: 44px; padding: .500rem 0.7rem; border-radius: 0; } .woocommerce td.product-name dl.variation { margin: .35rem 0 0; } .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dd p { line-height: 20px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 200px; padding: 6px 12px; border-radius: 0; height: 44px; } .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit { border-radius: 1px; padding: .600rem 0.7rem; transition: all 0.5s; height: 44px; } .woocommerce-page .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus { box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #e9e9e9; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { -webkit-box-shadow: 2px 2px 0 #e9e9e9; box-shadow: 2px 2px 0 #e9e9e9; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 1px solid #e9e9e9; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; } .select2-container--default .select2-selection--single .select2-selection__rendered { border-radius: 0; padding: 6px 12px; } .select2-container--default .select2-selection--single { border: 1px solid #e9e9e9; } .woocommerce .woocommerce-customer-details address { padding: 0.7rem 0.9rem; background-color: #fff; border: 1px solid #e9e9e9; border-radius: 0; font-weight: 600; } p.woocommerce-notice.woocommerce-thankyou-order-received { margin: 0 0 20px; font-weight: 600; } .woocommerce .woocommerce-MyAccount-content input.button { margin-top: 10px; } .woocommerce-cart .wc-proceed-to-checkout { padding: 1rem 0 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: .750rem 1.2rem; margin-bottom: 0; box-shadow: none; } .woocommerce-page #payment #place_order { float: left; height: 40px; } .woocommerce form .form-row label, .woocommerce-page form .form-row label, .wc_payment_method label, .woocommerce #review_form #respond p label { font-weight: 600; font-size: 0.938rem; } .woocommerce form .form-row .required { text-decoration: none; } .woocommerce form .form-row input.input-text { border-radius: 0; height: 45px; padding: 6px 12px; } .select2-container .select2-choice { height: 46px; padding: 6px 12px; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { padding: 6px 12px; } .woocommerce h3#order_review_heading { font-size: 1.500rem; margin: 25px 0; } .woocommerce table.shop_table td { padding: 12px; font-weight: 600; } .woocommerce table.shop_table tfoot th { font-weight: 600; } .woocommerce .order_details { margin: 0 0 2rem; padding: 0; } .woocommerce ul.order_details { padding: 0.5rem 0.9rem; background-color: #fff; border: 1px solid #e9e9e9; } .woocommerce ul.order_details li { font-size: 0.875rem; } .woocommerce ul.order_details li strong { font-size: 1.000rem; padding: 10px 0 0px; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 0.675rem 1.250rem 0.675rem 3rem; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { left: 1rem; } .woocommerce .wc-bacs-bank-details-heading, .woocommerce h2, .woocommerce .title h3 { font-size: 1.125rem !important; } .woocommerce .title h3 { font-weight: 500; } .woocommerce nav.woocommerce-pagination { margin: 0 0 10px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { cursor: pointer; display: inline-block; line-height: 1.2; font-weight: 600; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 3px; margin: 0 2px 10px; padding: 10px; vertical-align: baseline; white-space: nowrap; width: 45px; height: 45px; border: 1px solid #ebe9eb; } .woocommerce-MyAccount-navigation ul li { list-style: none; padding: 0.8rem 0; font-weight: 600; } .woocommerce-account .addresses .title .edit { font-weight: 600; } .woocommerce-account .addresses .title .edit, .edit-account fieldset legend { border-bottom: none; padding: 20px 0 5px; margin: 0 0 20px; } .woocommerce-MyAccount-navigation ul { padding: 0; } .woocommerce-EditAccountForm input.woocommerce-Button { margin: 10px 0 0; padding: .900rem 1.5rem; border-radius: 0; transition: all 0.5s; } .woocommerce form .form-row { padding: 0; margin: 0 0 15px; } .woocommerce .woocommerce-Button { height: auto; margin: 10px 0 0; } .woocommerce .page-title { margin: 0; } .woocommerce div.product div.images div.thumbnails { margin-left: 0; } .woocommerce .woocommerce-ordering { margin: 0 0 2rem; } .woocommerce .woocommerce-ordering select { height: 44px; padding: 6px 12px; border-radius: 0; margin: 0; width: 100%; } .widget .wpcs_product_carousel_slider { margin: 0px; } .widget .wpcs_product_carousel_slider .title { border-bottom: none !important; } .woocommerce-page .state_select a, .woocommerce-page .country_select a { border-radius: 0; color: #969dab !important; } /*===================================================================================*/ /* WOOCOMMERCE SIDEBAR WIDGETS /*===================================================================================*/ .price_slider { margin-bottom: 1rem; } .price_slider_amount { text-align: right; line-height: 2.4rem; font-size: 0.8751rem; } .price_slider_amount .button { font-size: 1.15rem; float: left; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9rem; height: 0.9rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; outline: none; top: -.3rem; } .ui-slider .ui-slider-handle:last-child { margin-left: -1rem; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size:.7rem; display: block; border: 0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } .ui-slider-horizontal { height:.5rem; } .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce li.cat-item { padding: 5px 0; } .woocommerce .woocommerce-product-search, .woocommerce .price_slider_wrapper { padding: 30px 25px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { padding: 30px 25px; } .woocommerce.widget_shopping_cart .buttons { padding: 30px 25px; } .woocommerce .dropdown_product_cat { margin:30px 25px; } .woocommerce-product-search input[type="search"] { font-weight: 500; margin: 0px 0px 15px 0px; border: 1px solid #e9e9e9; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .woocommerce-product-search input[type="submit"] { border: none; border-radius: 0px; display: inline-block; font-weight: 500; font-size: 1.125rem; font-weight: normal; margin-bottom: 10px; margin-right: 0px; margin-top: 0; padding: 9px 25px; text-align: center; vertical-align: middle; white-space: nowrap; } .sidebar-widget .widget-title { font-size: 1.500rem; padding-bottom: 11px; display: inline-block; margin: 0 0 20px; } .woocommerce .sidebar-widget { margin: 0 0 50px; } .woocommerce .widget_layered_nav ul li, .woocommerce .widget_rating_filter ul li { padding: 12px 0 !important; border-bottom: 1px dotted #c5d1dc; } .woocommerce .widget_layered_nav ul li:last-child, .woocommerce .widget_rating_filter ul li:last-child { padding-bottom: 0; border-bottom: 0 none; } .woocommerce .sidebar-widget ul { padding: 0; list-style: none; } .woocommerce ul.product_list_widget li a:before, .product_list_widget li a:before { display:none; } .product_list_widget a { margin: 0 0 5px; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl{padding-left:0;border-left:none; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt{ font-size: 1.000rem; } .woocommerce ul.cart_list li { margin: 0 0 15px; } .woocommerce ul.product_list_widget li, .product_list_widget li { padding: 15px 0; margin-bottom: 0px; border-bottom: 1px dotted #c5d1dc; } .woocommerce ul.product_list_widget li:last-child, .product_list_widget li:last-child { padding-bottom: 0; border-bottom: 0 none; } .sidebar .product_list_widget li:first-child { padding-top: 0px !important; } .sidebar-widget ul.product_list_widget { padding: 0; } .product_list_widget li { list-style: none; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { width: 60px; float: left; margin-left: 0; margin-right: 15px; padding-left: 0px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: 0; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 2rem; position: relative; padding-top: 0; } .woocommerce .order_details { padding: 0; } .blog-post-title-wrapper h2, .title h3 { font-weight: 300; } .woocommerce-account .addresses .title .edit, .edit-account fieldset legend { padding: 20px 0 5px; margin: 0 0 20px; } .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td { border-top: none; } .form-row input[type="submit"] { height: 46px; } .price_label { font-weight: 600; font-size: 1.00rem; } .owl-item .item .cart .add_to_cart_button { box-shadow: none; border-radius: 0px !important; padding: .650rem 0.7rem !important; font-weight: 700 !important; transition: all 0.5s !important; margin-top: 0.7rem; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { margin-bottom: 15px; } .woocommerce form.login, .woocommerce form.register { padding: 0; border: none; } ul.product-categories { margin-left: 25px !important; } ul.product-categories ul { padding-top: 0 !important; padding-bottom: 0 !important; } /*===================================================================================*/ /* WOOCOMMERCE PRODUCT CAROUSEL /*===================================================================================*/ .product_container { padding: 0.4rem 0.4rem 1.5rem; } .wpcs_product_carousel_slider .owl-item .item h4.product_name { font-family: 'Open Sans', Sans-serif !important; font-weight: 700 !important; margin: 1.4rem 0 0.7rem !important; font-size: 1.1rem !important; } .wpcs_product_carousel_slider .owl-item .item h4.product_name a { font-weight: 700 !important; } .wpcs_product_carousel_slider .woocommerce-Price-amount { font-family: 'Open Sans', Sans-serif !important; font-weight: 600; } /*Woocommerce Section----------------------------------------------------------------------------------------*/ .woocommerce-section { margin: 0px; padding: 60px 0 30px; } .woocommerce-section .products { width: 100%; text-align: center; padding: 0.4rem 0.4rem 1.1rem; margin: 0 0 40px; transition: 0.3s; position: relative; background-color: #ffffff; } .woocommerce-section .products:hover { box-shadow: 0 14px 25px 0 rgba(0,0,0,0.2); } .item-img { float: left; width: 100%; margin-bottom: 20px; position: relative; } .item-img img { width: 100%; } .woocommerce-section .products:hover .add-to-cart { opacity: 1; visibility: visible; transform: translateY(0); } .add-to-cart { position: absolute; bottom: 20px; left: 0; width: 100%; background: transparent; padding: 0 15px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; transform: translateY(100%); border-radius: 12px; } .add-to-cart a { background: #21202e; display: inline-block; font-size: 0.875rem; padding: 10px 15px; color: #fff; font-weight: 600; border-radius: 50px; } .add-to-cart a:hover, .add-to-cart a:focus { background: #21202e; color: #fff; } .add-to-cart a.added_to_cart, .add-to-cart a.added_to_cart:hover, .add-to-cart a.added_to_cart:focus { color: #fff; } .add-to-cart a:last-child { border-right: 0; } .add-to-cart a i { color: #fff; font-size: 0.875rem; padding-right: 10px; } .rating { float: right; width: 100%; } .products .rating { margin-bottom: 5px; margin-top: 0px; padding: 0; } .rating li { display: inline-block; } .rating li i { font-size: 0.875rem; } .rating li:last-child i { color: #e1e1e1; } .products > h3 { font-size: 1.125rem; text-transform: capitalize; margin-bottom: 5px; float: left; width: 100%; } .products > h3 a { color: #0f0f16; } /* .products span { color: #64646d; font-size: 0.938rem; font-weight: 600; } */ .products span b { padding-right: 10px; } .products .onsale { color: #fff; border-radius: 0; font-size: 0.750rem; line-height: 0.700rem; padding: .200rem .350rem .300rem; margin: 0; position: absolute; left: 10px; top: 10px; transition: all 0.5s; background: #0a0a0a; } .page-breadcrumb > li { color:#ffffff; } /*===================================================================================*/ /* WOOCOMMERCE SINGLE PRODUCT CSS /*===================================================================================*/ .single-product .pswp__button { background-color: transparent; } .single-product div.product { position: relative; overflow: hidden; } .single-product div.product:after,.single-product div.product:before { content: ''; display: table; } .single-product div.product:after { clear: both; } .single-product div.product .images,.single-product div.product .summary,.single-product div.product .woocommerce-product-gallery { margin-bottom: 2.617924em; margin-top: 0; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .woocommerce-product-gallery .zoomImg { background-color: #fff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: .875em; right: .875em; display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; } .single-product div.product .woocommerce-product-gallery img { margin: 0; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1.618em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before { content: ''; display: table; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after { clear: both; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; margin-bottom: 1.618em !important; cursor: pointer; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 1 !important; -webkit-transition: all,ease,.2s; transition: all,ease,.2s; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 42.8571428571%; float: left; margin-right: 14.2857142857%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 23.8095238%; float: left; margin-right: 14.2857142857%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { /* width: 14.2857142857%; */ /* float: left; */ /* margin-right: 14.2857142857%; */ width: 22%; float: left; margin-right: 4%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 8.5714285714%; float: left; margin-right: 14.2857142857%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .pswp__caption__center { text-align: center; } /*===================================================================================*/ /* WOOCOMMERCE Custom CSS (designerzish) /*===================================================================================*/ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #000; color: #ffffff; } .blog .post-woocommerce{ background-color: #ffffff; padding: 1.563rem 1.25rem 1.875rem; margin: 0 0 2.5rem; } .woocommerce-pagination .page-numbers a { color: #000000; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #5ca2df; text-decoration: none; background-image: none; color: #ffffff; } .product_list_widget ins { background: #5ca2df; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #5ca2df; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background-color: #5ca2df; color: #ffffff; } .products .added_to_cart { background-color: #000000; color: #ffffff; } .woocommerce span.onsale { background-color: #5ca2df; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 10px; } .woocommerce-section .owl-theme .owl-dots .owl-dot.active span, .woocommerce-section .owl-theme .owl-dots .owl-dot:hover span { background: #ffffff; } .woocommerce-section { background-color: #5ca1db; } .woocommerce-module:before { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #000000; transition: all 500ms ease; left: 0px; } .woocommerce-module:after { position: absolute; content: ''; bottom: 0px; height: 4px; width: 0px; background-color: #5ca2d; transition: all 500ms ease; right: 0px; } .woocommerce-module:hover:after, .woocommerce-module:hover:before {width: 100%;transition: all 500ms ease;} /* Slider Media Query*/ @media (max-width: 768px) { .slider-caption .title { font-size: 2.0rem; } .slider-caption .subtitle { letter-spacing: 0.1rem; } .slider-caption p { font-size: 1.10rem; } } @media (max-width: 480px) { .slider-caption .title { font-size: 1.8rem; } .slider-caption .subtitle { letter-spacing: 0.05rem; } .slider-caption p { font-size: 1.0rem; } .caption-content .m-top-40 { margin-top: 20px !important; } iframe { height: auto; } } /* Tesmonial Media Query*/ @media (max-width: 480px) { .section-header .section-subtitle { letter-spacing: 0.09rem; } } /* Blog Media Query*/ @media (max-width: 380px) { .blog.home-news .post .entry-header .entry-title { font-size: 1.01rem; } } @media (max-width: 380px) { h1 { font-size: 1.925rem; } h2 { font-size: 1.5rem; } } /*portfolio lightbox fix*/ .compensate-for-scrollbar { margin-right: 0px !important; } /*===================================================================================*/ /* WP DEFAULT CLASSES /*===================================================================================*/ .sticky{} cite{ font-style: italic !important; } .bypostauthor{} #attachment_907 { width: 100% !important; } .alignnone img{ display: block; height: auto; width: 99%; } img.alignleft, .wp-caption.alignleft{ margin-right: 30px; } img.alignright, .wp-caption.alignright{ margin-left: 30px; float: right;} img.wp-caption .alignnone { display: block; margin: 0 auto; height: auto; width: 100%; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption{ clear: left; font-style: italic; line-height: 1.5em; margin: 0.75em 0; text-align: center; } .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption p.wp-caption-text { font-size: 14px; margin: 12px 0; text-align: center; font-style: italic; line-height: 1.5em; } .wp-caption.alignleft { margin: 5px 20px 20px 0;} .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 0; border: 5px solid #fff !important; -moz-box-shadow: 0 0 5px 2px rgba(33, 28, 28, .3); -webkit-box-shadow: 0 0 5px 2px rgba(33, 28, 28, .3); box-shadow: 0 0 5px 2px rgba(33, 28, 28, .3); } .gallery-item .gallery-caption, .hc_service_column .gallery-item .gallery-caption { font-size: 14px; margin: 12px 0; text-align: center; font-style: italic; line-height: 1.5em; } a img.alignright { float: right; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 30rem){ img.alignleft { float: left; margin-right: 20px; } } .alignleft { display: inline; float: left; margin-right: 20px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } fieldset { margin-bottom: 1rem; border: 1px solid #e9e9e9; margin: 0 2px; padding: 0.35rem 0.950rem 0.75rem; } fieldset p { margin: 0px 0 20px; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.500rem; color: #0f0f16; font-weight: 600; display: table; max-width: 100%; border-bottom: none; width: auto; padding: 0; white-space: normal; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; 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. */ } /*-------------------------------------------------- Theme Combined Classes --------------------------------------------------*/ .container-full { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-full { max-width: 540px; } } @media (min-width: 768px) { .container-full { max-width: 720px; } } @media (min-width: 992px) { .container-full { max-width: 1500px; } } @media (min-width: 1200px) { body.theme-boxed .container-full { max-width: 1470px; padding-left: 15px; padding-right: 15px; } }