@charset "UTF-8"; /* Theme Name: Bianco Theme URI: themeforest.net/user/gloriathemes Author: Gloria Themes Author URI: gloriathemes.com Description: Bianco – A WordPress Blog & Shop Theme License: GNU General Public License v2 or later License URI: www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-header, custom-menu, custom-logo, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: bianco Version: 1.0.0 */ /* ====== [Index] 1. Global 1.1 General 1.2 Bianco Core 1.3 Loader 2. Header 2.1 Desktop Header 2.2 Navbar 2.3 Mobile Header 2.4 Mobile Menu 2.5 Fixed Header 3. Main 3.1 General 3.2 Slider 3.3 Posts List 3.3.1 General 3.3.2 Style 1 3.3.3 Style 2 3.3.4 Style 3 3.4 Page 3.5 Columns 3.6 Comments 3.7 Section Heading 3.8 Widgets 3.9 Post Info 3.10 Post Share 3.11 User Box 3.12 Post Navigation 4. Footer 5. Plugins 5.1 Scroll Panel 5.2 WooCommerce 6. Color Selector ====================================================== */ /* ====== 1. Global ====================================================== */ /*====== 1.1 General ======*/ html { font-size: 16px; } body { font-size: 1rem; background-color: #FFFFFF; color: #333; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:visited { color: #000; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; outline: 0; } a:hover, a:focus { text-decoration: none; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; outline: 0; } ol, ul { margin-bottom: 2.308rem; } img { max-width:100%; height:auto; } hr { margin-top: 2.308rem; margin-bottom: 2.308rem; border-top: 1px solid #e8e8e8; } h1, h2, h3, h4, h5, h6 { font-weight: 600; margin-bottom: 2rem; } caption { padding: 1.154rem 0; } table.vertical-align tr td { vertical-align: middle; } table.text-center tr td, table.text-center tr th { text-align: center; } p:last-child { margin-bottom: 0; } .gt-fixedPosition { position: fixed; width: 100%; left: 0; top: 0; } .upload-input, .select2-dropdown, .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--single, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea, .custom-file-control, input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="time"], input[type="week"], input[type="search"], input[type="month"], input[type="datetime"], input[type="date"], textarea, textarea.form-control, select, .woocommerce form .form-row .select2-container .select2-choice, .form-control, div.cs-select, .cs-select { height: auto; display: block; width: 100%; padding: 0.875rem; font-size: 1rem; line-height: 1.5; color: #000; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.05); border-radius: 3px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } input:focus, textarea:focus, select:focus { outline: none; box-shadow: none; border-color: rgba(0,0,0,.1); } input[type="submit"], .button, .btn { display: inline-flex; align-items: center; min-height: 45px; background: #333; color: #fff; padding: 0 40px; max-width: 100%; font-size: 14px; border: 0; outline: 0; cursor: pointer; border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; text-transform: uppercase; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, input[type="submit"]:hover, .button:hover, .btn:hover { background: #000; color: #fff; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; } a.gt-button, a.gt-button:visited, .gt-button, .gt-button:visited { display: inline-block; } a.gt-button, a.gt-button:visited, .gt-button, .gt-button:visited, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, button, input[type="button"], input[type="submit"], input[type="reset"] { padding: 0.875rem 1.875rem; border-radius: 3px; font-weight: 600; line-height: 1.6; font-size: 0.6875rem; text-transform: uppercase; color: #fff; background-color: #000; border: none; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; } a.gt-button:hover, a.gt-button:focus, .gt-button:hover, .gt-button:focus, input:hover, input:focus, textarea:hover, textarea:focus, button:hover, button:focus { outline: none; box-shadow: none; } span.wpcf7-not-valid-tip { font-size: 0.8125rem; margin: 0.625rem 0rem 0rem; } div.wpcf7-response-output { margin: 0.9375rem 0; padding: 0.9375rem 1.25rem; } code { color: #6C3B7D; } /*====== 1.2 Bianco Core ======*/ blockquote { margin: 0 0 2rem; color: #bbb; position: relative; } blockquote:before { content: ''; display: block; width: 5px; height: 50px; position: absolute; left: -30px; top: 5px; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); opacity: 0.15; } blockquote p:last-child { margin: 0; } .gt-container { width: 100%; margin: 0 auto; max-width: 1440px; } .gt-icons .gt-icon { font-size: 1.125rem; cursor: pointer; padding-left: 15px; display: inline-flex; position: relative; } .gt-icons .gt-icon svg { width: 1em; height: 1em; transition: .3s; } .gt-icons .gt-icon .gt-icon--dropdown { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); background-color: #fff; border-radius: 50px; height: 46px; opacity: 0; padding: 0 15px; box-shadow: 0 0 60px rgba(0,0,0,.1); display: flex; align-items: center; transition: .3s; visibility: hidden; } .gt-icons .gt-icon .gt-icon--dropdown ul { margin: 0; padding: 0; list-style-type: none; display: flex; } .gt-icons .gt-icon .gt-icon--dropdown ul a { padding: 6px; display: block; } .gt-icons .gt-icon:hover > .gt-icon--dropdown { visibility: visible; opacity: 1; } .gt-header.gt-style-3 .gt-icons .gt-icon .gt-icon--dropdown { right: inherit; left: calc(100% + 10px); } .gt-header.gt-style-3 .gt-icons .gt-icon .gt-icon--dropdown::before { content: ""; width: 10px; height: 46px; position: absolute; left: -10px; top: 0; } a.gt-btn { display: inline-block; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.625rem 1rem; font-size: 0.6875rem; border-radius: 2px; text-transform: uppercase; } a.gt-btn-dark { color: #fff; background-color: #000; } a.gt-btn-dark:hover { color: #000; background-color: #fff; } a.gt-btn-light { color: #000; background-color: #fff; } a.gt-btn-light:hover { color: #fff; background-color: #000; } .gt-section-spacing { padding: 120px 0; } @media (max-width: 991px) { .gt-section-spacing { padding: 60px 0; } } @media (max-width: 575px) { .gt-section-spacing { padding: 30px 0; } } .woocommerce-pagination, .gt-pagination { margin-top: 5.625rem; } .woocommerce nav.woocommerce-pagination ul, .gt-pagination ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; text-transform: uppercase; border: 0; clear: none; } .woocommerce nav.woocommerce-pagination ul li, .gt-pagination li { margin: 0 2px; border: 0; float: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .gt-pagination a, .gt-pagination span { padding: 10px 14px; display: block; background-color: rgba(0,0,0,.05); border-radius: 3px; color: #000; font-weight: 600; font-size: 0.8125rem; line-height: 1.5; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .gt-pagination a:focus, .gt-pagination a:hover { background-color: rgba(0,0,0,.1); color: #000; outline: none; box-shadow: none; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span, .gt-pagination a.active, .gt-pagination span { background-color: #000; color: #fff; } .woocommerce nav.woocommerce-pagination ul li:first-child, .gt-pagination li:first-child { margin-right: 10px; } .woocommerce nav.woocommerce-pagination ul li:last-child, .gt-pagination li:last-child { margin-left: 10px; } .wp-caption { max-width: 100%; padding: 0.3846rem 0.2308rem 0.7692rem; clear: both; margin-bottom: 2rem !important; } .wp-caption.alignnone { margin: 0.3846rem 1.538rem 2rem 0; } .wp-caption.alignleft { margin: 0.3846rem 1.538rem 2rem 0; } .wp-caption.alignright { margin: 0.3846rem 01.538rem 2rem; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; margin: 0; padding: 1rem 0 0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0.2308rem; box-shadow: 0 0 0.1538rem 0.1538rem rgba(0, 0, 0, 0.6); clip: auto !important; color: #FB5F84; display: block; font-size:1.077rem; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.3846rem; line-height: normal; padding:1.154rem 1.769rem 1.077rem; text-decoration: none; top: 0.3846rem; width: auto; z-index: 100000; } .gallery-caption { clear: both; } .commentlist .bypostauthor { clear: both; } .alignnone { margin: 0.3846rem 1.538rem 1.538rem 0; } .aligncenter, div.aligncenter { display: block; margin: 0.3846rem auto 0.3846rem auto; } .alignright { float:right; margin: 0.3846rem 0 2.308rem 2.308rem; } .alignleft { float: left; margin: 0.3846rem 2.308rem 2.308rem 0; } a img.alignright { float: right; margin: 0.3846rem 0 2.308rem 2.308rem; } a img.alignnone { margin: 0.3846rem 2.308rem 2.308rem 0; } a img.alignleft { float: left; margin: 0.3846rem 2.308rem 2.308rem 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .gt-left-sidebar { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } /*====== 1.3 Loader ======*/ .gt-loader { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 10000; overflow: hidden; } .gt-loader .gt-sticks { width: 100%; height: 100%; display: flex; } .gt-loader .gt-sticks::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .2; } .gt-loader .gt-sticks .gt-stick { width: 20%; height: 100%; position: relative; background-color: #fff; } .gt-loader .gt-sticks .gt-stick::after { content: ""; width: 1px; height: 100%; background-color: rgba(0,0,0,.05); position: absolute; right: 0; top: 0; } .gt-loader .gt-sticks .gt-stick:last-child::after { content: none; } .gt-loader .gt-logo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; } .gt-loader .gt-logo span { transform: translateY(100px); opacity: 0; font-size: 1.75rem; font-weight: 600; } /* ====== 2. Header ====================================================== */ /*====== 2.1 Desktop Header ======*/ .gt-header { position: relative; z-index: 50; } .gt-header::after { content: ""; width: 100%; height: 3px; background-color: rgba(0,0,0,.05); border-top: 1px solid rgba(0,0,0,.1); position: absolute; left: 0; bottom: -3px; z-index: -1; } .gt-header > .gt-line { width: 100%; height: 4px; background-color: #000; position: relative; z-index: 0; } .gt-header > .gt-line::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; z-index: 1; } .gt-header .gt-inner { width: 100%; height: 120px; background-color: #ffffff; } .gt-header .container { min-height: 120px; display: flex; position: relative; } .gt-header .gt-logo { height: 120px; display: flex; align-items: center; min-width: 100px; } .gt-header .gt-logo a { display: block; } .gt-header .gt-logo img { max-height: 46px; width: 100%; } .gt-header .gt-content { width: 100%; height: 120px; position: relative; display: flex; align-items: center; } .gt-header .gt-content .gt-box { position: relative; z-index: 2; } .gt-header .gt-navbar > li:first-child a { padding-left: 0; } .gt-header .gt-search { width: 200px; height: 46px; border-radius: 50px; background-color: rgba(0,0,0,.03); display: flex; align-items: center; } .gt-header .gt-search span { font-size: 1.125rem; display: inline-flex; padding-left: 15px; } .gt-header .gt-search span svg { width: 1em; height: 1em; } .gt-header .gt-search input { border: none; background-color: transparent; flex: 1; height: 46px; font-size: 0.8125rem; padding: 0 15px; font-weight: 600; text-transform: uppercase; position: relative; } .gt-header .gt-search input::-webkit-input-placeholder { color: #000; } .gt-header .gt-search input::-moz-placeholder { color: #000; } .gt-header .gt-search input:-ms-input-placeholder { color: #000; } .gt-header .gt-search input:-moz-placeholder { color: #000; } .gt-header .gt-search input:focus { outline: none; box-shadow: none; } .gt-header.gt-style-1 .gt-content::before, .gt-header.gt-style-2 .gt-content::before { content: ""; width: 120px; height: 120px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.025) 0%, #00000000 100%); position: absolute; left: 0; top: 0; z-index: 1; } .gt-header .gt-logo span, .gt-mobile-menu span { font-weight: 900; text-transform: uppercase; font-size: 1.25rem; display: block; } .gt-header.gt-style-1 .gt-logo, .gt-header.gt-style-2 .gt-logo { margin-right: 60px; } .gt-header.gt-style-3 .gt-logo { margin: 0 60px; } .gt-header.gt-style-1 .gt-content, .gt-header.gt-style-2 .gt-content { padding-left: 60px; justify-content: space-between; } .gt-header.gt-style-3 .gt-content:last-child { justify-content: flex-end; } .gt-header .gt-navbar-box .gt-line { width: 1px; height: 30px; background-color: rgba(0,0,0,.1); margin: 0 30px; } .gt-header .gt-navbar-box .gt-title { font-size: 0.8125rem; color: #000; text-transform: uppercase; font-weight: 600; } .gt-header .gt-basket-icon { position: relative; } .gt-header .gt-basket-icon::before { content: attr(data-basket); font-size: 0.6875rem; color: #fff; font-weight: 600; position: absolute; right: -10px; top: -10px; border-radius: 100%; height: 18px; width: 18px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .gt-header { display: none; } } /*====== 2.2 Navbar ======*/ .gt-navbar { position: relative; z-index: 150; } .gt-navbar ul { margin: 0; padding: 0; list-style-type: none; } .gt-navbar li { position: relative; } .gt-navbar li.dropdown > a::after { display: inline-block; width: 0; height: 0; margin-left: .455em; vertical-align: .155em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .gt-navbar a { font-size: 0.8125rem; padding: 1.25rem 0.9375rem; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #000; display: block; } .gt-navbar ul ul { visibility: hidden; min-width: 200px; background-color: #fff; position: absolute; padding: 6px 0; border-top: 4px solid #000; left: -5px; opacity: 0; top: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1); transform: translateY(-1em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s; } .gt-navbar ul ul::before { content: ""; width: 100%; height: 4px; position: absolute; left: 0; top: -4px; opacity: .8; } .gt-navbar li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s, 0s, 0.3s; } .gt-navbar ul ul ul { left: 100%; top: -10px; } .gt-navbar ul ul li { border-bottom: 1px solid rgba(0,0,0,.05); } .gt-navbar ul ul li:last-child { border-bottom: 0; } .gt-navbar ul ul li a { padding: 10px 15px; } .gt-navbar ul ul li:hover > a { background-color: rgba(0,0,0,.02); } /*====== 2.3 Mobile Header ======*/ .gt-mobile-header { display: none; } .gt-mobile-header .gt-content { padding-left: 60px; justify-content: flex-end; } .gt-mobile-header .gt-inner, .gt-mobile-header .gt-content, .gt-mobile-header .gt-logo { height: 80px; } .gt-mobile-header .gt-logo a { height: 36px; } @media (max-width: 991px) { .gt-mobile-header { display: block; } } /*====== 2.4 Mobile Menu ======*/ .gt-mobile-menu { width: 100%; height: 100%; background-color: rgba(0,0,0,.9); position: fixed; left: 0; top: 0; z-index: 99988; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; transition: all .3s ease-out .1s; } .gt-mobile-menu--close { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99989; cursor: url(include/assets/img/cursor-close.svg), pointer; visibility: hidden; } .gt-mobile-menu--inner { width: 320px; height: 100vh; background-color: #fff; position: fixed; right: -100%; top: 0; z-index: 99999; overflow: hidden; } .gt-mobile-menu-logo { width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,.05); padding: 0 30px; display: flex; align-items: center; justify-content: space-between; } .gt-mobile-menu-logo .gt-icon { cursor: pointer; font-size: 0.875rem; } .gt-mobile-menu-logo .gt-icon svg { width: 1em; height: 1em; } .gt-mobile-menu-logo .gt-icon g { fill: #000; } .gt-mobile-menu-navbar ul { margin: 0; padding: 0; list-style-type: none; } .gt-mobile-menu-navbar li { margin: 2px 0; display: block; width: 100%; } .gt-mobile-menu-navbar li .gt-box { display: flex; align-items: center; justify-content: flex-start; padding: 0 10px; } .gt-mobile-menu-navbar li .gt-box:hover, .gt-mobile-menu-navbar li .gt-box.gt-open { background-color: #f2f2f2; } .gt-mobile-menu-navbar .gt-box .gt-l-icon, .gt-mobile-menu-navbar .gt-box .gt-r-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } .gt-mobile-menu-navbar .gt-box .gt-r-icon { cursor: pointer; } .gt-mobile-menu-navbar .gt-box a { width: 100%; flex: 1; color: #000; height: 50px; display: flex; align-items: center; } .gt-mobile-menu-navbar > ul ul { height: 0; overflow: hidden; } .gt-mobile-menu-navbar > ul ul.gt_open { height: auto; } .gt-mobile-menu-navbar > ul > li > ul li a { padding-left: 50px; line-height: 40px; height: 40px; font-size: 95%; display: block; } .gt-mobile-menu-navbar > ul > li > ul li a:hover { background-color: #f2f2f2; color: #000; } /*====== 2.5 Fixed Header ======*/ .gt-header-fixed { background-color: #fff; height: 80px; display: flex; align-items: center; flex-direction: column; width: 100%; position: fixed; z-index: 1000; top: 0; transform: translateY(-80px); box-shadow: 0 15px 30px rgba(0,0,0,.06); } .gt-header-fixed .gt-line { width: 100%; height: 4px; background-color: #000; position: relative; z-index: 0; } .gt-header-fixed .gt-line::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; z-index: 1; } .gt-header-fixed .container { display: flex; justify-content: center; align-items: center; height: 100%; flex: 1; } @media (max-width: 991px) { .gt-header-fixed { display: none; } } /* ====== 3. Main ====================================================== */ /*====== 3.1 General ======*/ .gt-main { background-color: #fff; } /*====== 3.2 Slider ======*/ .gt-slider { position: relative; background-color: #FAFAFA; padding: 0; } .gt-slider-top { width: 100%; height: 50%; background-color: #000; position: absolute; left: 0; top: 0; } .gt-slider-top::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; z-index: 1; } .gt-slider-top::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(include/assets/img/line.png); opacity: .08; z-index: 1; } .gt-slider--swiper .swiper-container { width: 100%; height: 100%; } .gt-slider--swiper .swiper-slide { text-align: center; font-size: 1rem; background: #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; overflow: hidden; height: 60vh; min-height: 500px; } .gt-slider--swiper .swiper-slide--image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; opacity: .6; } .gt-slider--swiper .swiper-slide--image::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .2; z-index: 1; } .gt-slider--swiper .swiper-slide--caption { position: relative; width: 100%; margin: 0 auto; max-width: 660px; padding: 30px; } .gt-slider--swiper .swiper-slide--caption span { margin-bottom: 1rem; display: block; } .gt-slider--swiper .swiper-slide--caption span a { font-size: 0.8125rem; font-weight: 700; } .gt-slider--swiper .swiper-slide--caption h2 { font-size: 2.875rem; letter-spacing: -.8px; text-shadow: 10px 15px 120px rgba(51, 51, 51, .55); margin-bottom: 1rem; word-wrap: break-word; } .gt-slider--swiper .swiper-slide--caption h2 a { color: #fff; } .gt-slider--swiper .swiper-slide--caption ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; text-transform: uppercase; } .gt-slider--swiper .swiper-slide--caption ul li { font-size: 0.8125rem; font-weight: 700; padding: 0 6px; color: #fff; opacity: .6; text-shadow: 10px 15px 120px rgba(51, 51, 51, .55); } .gt-slider--swiper .gt-slider-controls { display: flex; align-items: center; } .gt-slider--swiper .gt-slider-controls .container { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; } .gt-slider--swiper .gt-slider-controls .swiper-pagination { display: inline-flex; position: relative; } .gt-slider--swiper .gt-slider-controls .swiper-pagination-bullet { width: 30px; height: 2px; border-radius: 0; margin: 0 2px; } .gt-slider--swiper .gt-slider-controls .swiper-pagination-bullet:focus { outline: none; box-shadow: none; } .gt-slider--swiper .gt-slider-controls .swiper-pagination-bullet-active { background-color: #000; } .gt-slider--swiper .gt-slider-controls .gt-slider-button { display: inline-flex; align-items: center; justify-content: flex-end; height: 40px; padding: 10px; cursor: pointer; } .gt-slider--swiper .gt-slider-controls .gt-slider-button.gt-slider-prev { padding-left: 0; } .gt-slider--swiper .gt-slider-controls .gt-slider-button.gt-slider-next { padding-right: 0; } .gt-slider--swiper .gt-slider-controls .gt-slider-button:focus { outline: none; box-shadow: none; } .gt-slider--swiper .gt-slider-controls .gt-slider-button .line { width: 70px; height: 2px; background-color: #000; margin: 0 10px; } .gt-slider--swiper .gt-slider-controls .gt-slider-button .text { font-size: 0.6875rem; line-height: 0.6875rem; font-weight: 600; color: #000; letter-spacing: 1px; text-transform: uppercase; } @media (min-width: 992px) { .gt-slider { padding-top: 120px; } .gt-slider--swiper .gt-slider-controls { height: 120px; } .gt-slider--swiper .gt-slider-controls .container { justify-content: space-between; } } @media (max-width: 991px) { .gt-slider--swiper .gt-slider-controls .gt-slider-button { display: none; } } @media (max-width: 575px) { .gt-slider--swiper .swiper-slide--caption h2 { font-size: 1.75rem; } } /*====== 3.3 Posts List ======*/ /*====== 3.3.1 General ======*/ .gt-post-list .gt-post-item .gt-image { border-radius: 3px; overflow: hidden; position: relative; transition: all 300ms; box-shadow: 0 10px 20px rgba(0,0,0,.08); z-index: 10; transform: translateY(0); } .gt-post-list .gt-post-item .gt-image img { width: 100%; } .gt-post-list .gt-post-item .gt-image::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .2; z-index: 1; display: flex; align-items: center; justify-content: center; transition: all 300ms; } .gt-post-list .gt-post-item .gt-image:hover::before { opacity: .5; } .gt-post-list .gt-post-item .gt-image > a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; overflow: hidden; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all 300ms; } .gt-post-list .gt-post-item .gt-image:hover > a { visibility: visible; opacity: 1; } .gt-post-list .gt-post-item .gt-image > a span { display: inline-block; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.625rem 1rem; font-size: 0.6875rem; border-radius: 2px; text-transform: uppercase; background-color: #000; color: #fff; transition: all 300ms; transform: translateY(-30px); } .gt-post-list .gt-post-item .gt-image > a span:hover { background-color: #fff; color: #000; } .gt-post-list .gt-post-item .gt-image:hover a span { transform: translateY(0); } .gt-post-list.gt-style-1 .gt-post-item .gt-image.sticky-post, .gt-post-list.gt-style-2 .gt-post-item .gt-image.sticky-post { box-shadow: 0 45px 100px rgba(0,0,0,0.4); } .gt-post-list.gt-style-1 .gt-post-item .gt-image.sticky-post::after, .gt-post-list.gt-style-2 .gt-post-item .gt-image.sticky-post::after { content: attr(data-name); font-size: 0.6875rem; line-height: 0.6875rem; font-weight: 700; padding: 0.375rem 0.5rem; border-left: 3px solid #FF6600; color: #fff; position: absolute; text-transform: uppercase; left: 1.875rem; bottom: 1.875rem; z-index: 10; } @media (min-width: 768px) { .gt-post-list .gt-post-item .gt-image:hover { box-shadow: 0 45px 100px rgba(0,0,0,0.4); transform: translateY(-10px); } } /*====== 3.3.2 Style 1 ======*/ .gt-post-list.gt-style-1 .gt-post-item .gt-content { padding: 30px; position: relative; z-index: 20; } .gt-post-list.gt-style-1 .gt-post-item .gt-content span { display: flex; flex-wrap: wrap; } .gt-post-list.gt-style-1 .gt-post-item .gt-content span a { display: block; font-size: 0.8125rem; line-height: 0.8125rem; margin-bottom: 1rem; font-weight: 600; text-transform: uppercase; padding-right: 6px; position: relative; } .gt-post-list.gt-style-1 .gt-post-item .gt-content span a:hover { opacity: .5; } .gt-post-list.gt-style-1 .gt-post-item .gt-content span a::after { content: "-"; margin-left: 6px; color: rgba(0,0,0,.2); } .gt-post-list.gt-style-1 .gt-post-item .gt-content span a:last-child::after { content: none; } .gt-post-list.gt-style-1 .gt-post-item .gt-content h2 { font-size: 1.625rem; font-weight: 600; color: #000; margin-bottom: 1rem; word-wrap: break-word; } .gt-post-list.gt-style-1 .gt-post-item .gt-content p { font-size: 0.875rem; color: rgba(0,0,0,.6); } .gt-post-list.gt-style-1 .gt-post-item .gt-content ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; text-transform: uppercase; } .gt-post-list.gt-style-1 .gt-post-item .gt-content ul li { font-size: 0.6875rem; font-weight: 600; padding-right: 10px; } .gt-post-list.gt-style-1 .gt-post-item .gt-content ul li:last-child { padding-right: 0; } @media (max-width: 1199px) { .gt-post-list.gt-style-1 .gt-post-item .gt-content { padding: 30px 15px; } } @media (max-width: 991px) { .gt-post-list.gt-style-1 .gt-post-item .gt-content h2 { font-size: 1.375rem; } } /*====== 3.3.3 Style 2 ======*/ .gt-post-list.gt-style-2 .gt-post-item { display: flex; align-items: center; } .gt-post-list.gt-style-2 .gt-post-item .gt-content { padding: 30px; } .gt-post-list.gt-style-2 .gt-post-item .gt-content span { display: flex; flex-wrap: wrap; } .gt-post-list.gt-style-2 .gt-post-item .gt-content span a { display: block; font-size: 0.6875rem; line-height: 0.6875rem; margin-bottom: 1rem; font-weight: 600; text-transform: uppercase; padding-right: 6px; position: relative; } .gt-post-list.gt-style-2 .gt-post-item .gt-content span a:hover { opacity: .5; } .gt-post-list.gt-style-2 .gt-post-item .gt-content span a::after { content: "-"; margin-left: 6px; color: rgba(0,0,0,.2); } .gt-post-list.gt-style-2 .gt-post-item .gt-content span a:last-child::after { content: none; } .gt-post-list.gt-style-2 .gt-post-item .gt-content h2 { font-size: 1.625rem; font-weight: 600; color: #000; margin-bottom: 1rem; } .gt-post-list.gt-style-2 .gt-post-item .gt-content p { font-size: 0.875rem; color: rgba(0,0,0,.6); } .gt-post-list.gt-style-2 .gt-post-item .gt-content ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; text-transform: uppercase; } .gt-post-list.gt-style-2 .gt-post-item .gt-content ul li { font-size: 0.6875rem; font-weight: 600; padding-right: 10px; } .gt-post-list.gt-style-2 .gt-post-item .gt-content ul li:last-child { padding-right: 0; } @media (min-width: 992px) { .gt-post-list.gt-style-2 .gt-post-item .gt-content { padding-left: 60px; padding-right: 0; } } @media (max-width: 991px) { .gt-post-list.gt-style-2 .gt-post-item .gt-content h2 { font-size: 1.375rem; } .gt-post-list.gt-style-2 .gt-post-item .gt-content { padding-top: 0; padding-bottom: 0; } } @media (min-width: 768px) { .gt-post-list.gt-style-2 .gt-post-item { margin-bottom: 30px; } } @media (max-width: 767px) { .gt-post-list.gt-style-2 .gt-post-item { flex-direction: column; } .gt-post-list.gt-style-2 .gt-post-item .gt-content { padding: 30px 15px; } } /*====== 3.3.4 Style 3 ======*/ .gt-post-list.gt-style-3 .gt-post-item { padding: 30px 0; position: relative; border-bottom: 1px solid rgba(0,0,0,.05); } .gt-post-list.gt-style-3 .gt-post-item:last-child { border-bottom: none; } .gt-post-list.gt-style-3 .gt-post-item .gt-btn:hover { color: #fff; } .gt-post-list.gt-style-3 .gt-post-item .container { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; } .gt-post-list.gt-style-3 .gt-post-item .gt-content { flex: 1; padding-right: 1.875rem; width: 100%; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; text-transform: uppercase; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li { font-size: 0.6875rem; font-weight: 600; padding-right: 10px; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li:last-child { padding-right: 0; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li a { padding-right: 4px; position: relative; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li a:hover { color: #000; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li a::after { content: "-"; margin-left: 6px; color: rgba(0,0,0,.3); } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li:last-child a:last-child::after { content: none; } .gt-post-list.gt-style-3 .gt-post-item span { display: block; font-size: 0.8125rem; line-height: 0.8125rem; font-weight: 600; text-transform: uppercase; width: 180px; } .gt-post-list.gt-style-3 .gt-post-item .gt-content h2 { font-size: 1.625rem; font-weight: 600; color: #000; margin-bottom: 1rem; } .gt-post-list.gt-style-3 .gt-post-item.sticky-post::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fffbf8; border: 10px solid #fff; } .gt-post-list.gt-style-3 .gt-post-item.sticky-post .gt-content::before { content: attr(data-name); font-size: 0.6875rem; line-height: 0.6875rem; font-weight: 700; padding: 0.375rem 0.5rem; border-left: 3px solid #FF6600; text-transform: uppercase; color: #000; position: relative; z-index: 10; } .gt-post-list.gt-style-3 .gt-post-item.sticky-post .gt-content h2 { margin-top: 1rem; } @media (max-width: 1199px) { .gt-post-list.gt-style-3 .gt-post-item .gt-content h2 { font-size: 1.375rem; } } @media (max-width: 991px) { .gt-post-list.gt-style-3 .gt-post-item .container { justify-content: center; flex-direction: column; } .gt-post-list.gt-style-3 .gt-post-item { text-align: center; } .gt-post-list.gt-style-3 .gt-post-item span { margin-bottom: 1rem; } .gt-post-list.gt-style-3 .gt-post-item .gt-content ul { justify-content: center; margin-bottom: 1rem; } } /*====== 3.4 Page ======*/ .gt-page-heading { position: relative; background-color: #000; background-size: cover; background-position: center; } .gt-page-heading::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; z-index: 1; } .gt-page-heading::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(include/assets/img/line.png); opacity: .08; z-index: 1; } .gt-page-heading .gt-content { position: relative; z-index: 10; text-align: center; width: 100%; margin: 0 auto; max-width: 700px; padding: 120px 0; } .gt-page-heading .gt-content span { font-size: 0.75rem; font-weight: 700; letter-spacing: .5px; display: block; margin-bottom: 1rem; text-transform: uppercase; } .gt-page-heading .gt-content h1 { font-size: 3rem; color: #fff; margin-bottom: 1rem; word-wrap: break-word; } .gt-page-heading .gt-content ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; text-transform: uppercase; } .gt-page-heading .gt-content ul li { font-size: 0.75rem; font-weight: 700; color: #ffffff; opacity: .5; padding: 0 6px; } .gt-page-heading .modal-content iframe, .gt-page-heading .modal-content embed, .gt-page-heading .modal-content video { width: 100%; min-height: 449px; } .gt-page-heading .gt-image { width: 100%; height: 100%; min-height: 400px; background-color: rgba(0, 0, 0, 0.50); position: relative; z-index: 10; overflow: hidden; border-radius: 3px; display: flex; align-items: center; justify-content: center; } .gt-page-heading .gt-code { width: 100%; background-color: rgba(0, 0, 0, 0.50); position: relative; z-index: 10; overflow: hidden; border-radius: 3px; display: flex; align-items: center; justify-content: center; } .gt-page-heading .gt-image .gt-image-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; z-index: 2; opacity: .6; } .gt-page-heading .gt-image .gt-image-inner::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .4; z-index: 1; } .gt-page-heading .gt-image * { position: relative; z-index: 20; } .gt-page-heading.gt-style-2 { padding: 120px 0; } .gt-page-heading.gt-style-3 { padding-top: 120px; } .gt-page-heading.gt-style-2 .gt-content, .gt-page-heading.gt-style-3 .gt-content { padding-left: 15px; padding-right: 15px; } .gt-page-heading.gt-style-3 .gt-image button { border-radius: 100%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 4rem; color: #fff; opacity: .5; text-shadow: 10px 15px 120px rgba(51, 51, 51, .55); background-color: transparent; border: 0; cursor: pointer; } .gt-page-heading.gt-style-3 .gt-image button:hover { opacity: 1; } .gt-page-heading.gt-style-3 .gt-image button:focus { outline: none; box-shadow: none; } .gt-page-content { font-size: 1.125rem; line-height: 1.8; } .gt-page-content p { margin-bottom: 2rem; } .gt-post-tags ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .gt-post-tags ul li { padding: 4px; } .gt-post-tags ul li a { font-size: 0.75rem; font-weight: 600; padding: .5rem; border: 1px solid rgba(0,0,0,.05); border-radius: 2px; text-transform: uppercase; } .gt-post-tags ul li a:hover { color: #000; } .gt-related-posts, .gt-comments { background-color: #fafafa; } .gt-related-posts .gt-section-heading, .gt-comments .gt-section-heading { margin-bottom: 60px; } @media (max-width: 1140px) { .gt-page-heading.gt-style-2 { padding: 0; } .gt-page-heading.gt-style-3 { padding-top: 0; } } @media (min-width: 991px) { .gt-single-no-sidebar .gt-page-content .size-full { margin: 0 -25px; max-width: calc(100% + 60px); } .gt-related-posts .gt-post-list.gt-style-3 .gt-post-item .gt-content h2 { margin-bottom: 0.5rem; } } @media (max-width: 767px) { .gt-page-heading .gt-image { min-height: 300px; } .gt-related-posts .gt-section-heading, .gt-comments .gt-section-heading { margin-bottom: 30px; } .gt-page-heading .gt-content { padding: 60px 0; } } @media (max-width: 575px) { .gt-page-heading .gt-content { padding: 30px 0; } .gt-page-heading .gt-content span { margin-bottom: 0.8125rem; } .gt-page-heading .gt-content h1 { font-size: 1.75rem; } } /*====== 3.5 Columns ======*/ .gt-columns { display: flex; flex-wrap: wrap; margin: 0 -15px; } .gt-columns .gt-post-item { padding: 0 15px; } .gt-columns.gt-column-3 .gt-post-item { width: 33.3333333%; } @media (max-width: 991px) { .gt-columns.gt-column-3 .gt-post-item { width: 50%; } } @media (max-width: 575px) { @media (max-width: 991px) { .gt-columns.gt-column-3 .gt-post-item { width: 100%; } } } .gt-columns.gt-column-2 .gt-post-item { width: 50%; } @media (max-width: 575px) { @media (max-width: 991px) { .gt-columns.gt-column-2 .gt-post-item { width: 100%; } } } .gt-columns.gt-column-1 .gt-post-item { width: 100%; } /*====== 3.7 Comments ======*/ .gt-comments { padding: 60px; margin-top: 60px; border-radius: 3px; } @media (max-width: 991px) { .gt-comments { margin-bottom: 60px; } } @media (max-width: 767px) { .gt-comments { padding: 30px; } } .gt-comments .gt-comment-list > ol { margin: -30px 0; padding: 0; list-style-type: none; } .gt-comments .gt-comment-list > ol ol.children { margin: 0; padding: 0 0 0 1.875rem; list-style-type: none; border-top: 1px solid rgba(0,0,0,.05); } .gt-comments .gt-comment-list ol > li.comment { border-bottom: 1px solid rgba(0,0,0,.05); } .gt-comments .gt-comment-list ol > li.comment:last-child { border-bottom: 0; } .gt-comments .gt-comment-wrapper { display: flex; padding: 30px 0; } .gt-comments .gt-user-avatar { width: 42px; min-width: 42px; height: 42px; overflow: hidden; border-radius: 2px; margin-right: 30px; } .gt-comments .gt-comment-content { flex: 1; width: 100%; } .gt-comments .gt-comment-details { display: flex; margin-left: -10px; } .gt-comments .gt-comment-details .gt-item { font-size: 0.6875rem; padding: 10px; text-transform: uppercase; font-weight: 600; } .gt-comments .gt-comment-details .gt-item i { margin-right: 4px; } .gt-comments .gt-comment-user { font-weight: 700; margin-bottom: 15px; text-transform: uppercase; font-size: 0.875rem; } .gt-comments .gt-comment-list { margin-bottom: 60px; } .gt-comments .comment-form input, .gt-comments .comment-form textarea { margin-bottom: 10px; } .gt-comments .gt-comment-respond .gt-section-heading { margin-bottom: 30px; } @media (max-width: 575px) { .gt-comments .gt-comment-details { flex-direction: column; } .gt-comments .gt-comment-details .gt-item { padding: 4px 10px; } } /*====== 3.8 Section Heading ======*/ .gt-section-heading { border-radius: 2px; overflow: hidden; display: inline-flex; justify-content: flex-start; align-items: center; } .gt-section-heading .gt-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(-90deg, rgba(92,56,186,0.10) 0%, rgba(92,56,186,0.00) 100%); } .gt-section-heading .gt-title { padding: 0 2rem; font-size: 0.875rem; font-weight: 700; color: #000; text-transform: uppercase; } /*====== 3.9 Widgets ======*/ .gt-widget { margin-bottom: 3rem; padding: 1.875rem 1.875rem 0 1.875rem; } .gt-widget:last-child { margin-bottom: 0; } .gt-widget .gt-widget--heading { display: flex; align-items: center; border-radius: 2px; overflow: hidden; margin: -1.875rem -1.875rem 0.9375rem -1.875rem; } .gt-widget .gt-widget--heading .gt-widget--icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(-90deg, rgba(92,56,186,0.10) 0%, rgba(92,56,186,0.00) 100%); } .gt-widget .gt-widget--heading .gt-widget--title { font-size: 0.8125rem; font-weight: 600; color: #000; text-transform: uppercase; padding-left: 0.9375rem; } .gt-widget ul { margin: 0; padding: 0; list-style-type: none; } .gt-widget table { width: 100%; } .gt-widget.widget_search input { margin-bottom: 0.9375rem; } .gt-widget.widget_search button { height: 54px; } .gt-widget.widget_recent_entries li a, .gt-widget.widget_archive ul li a, .gt-widget.widget_pages li a, .gt-widget.widget_categories li a, .gt-widget.widget_nav_menu li a { padding: 0.6923rem 0; display: inline-block; } .gt-widget.widget_pages li, .gt-widget.widget_recent_entries li, .gt-widget.widget_archive ul li, .gt-widget.widget_categories li, .gt-widget.widget_nav_menu li { border-bottom: 1px solid rgba(0,0,0,.05); } .gt-widget.widget_archive li:last-child, .gt-widget.widget_recent_entries li:last-child, .gt-widget.widget_pages li:last-child, .gt-widget.widget_categories li:last-child, .gt-widget.widget_nav_menu li:last-child { border-bottom: 0; } .gt-widget.widget_pages .children, .gt-widget.widget_categories .children { padding-left: 0.9375rem; border-top: 1px solid rgba(0,0,0,.05); } .gt-widget.widget_nav_menu .sub-menu { padding-left: 0.9375rem; border-top: 1px solid rgba(0,0,0,.05); } .gt-widget.widget_meta li a { padding: 0.125rem 0; display: inline-block; } .gt-widget.widget_recent_comments li, .gt-widget.widget_rss li { padding: 0.6923rem 0; } .gt-widget.widget_rss li cite { color: rgba(0,0,0,.3); } .gt-widget.widget_rss .rssSummary { margin: 0.9375rem 0 0.625rem 0; } .gt-widget.widget_rss .rss-date { display: block; font-size: 0.8125rem; font-weight: 600; color: rgba(0,0,0,.3); } .gt-widget .tag-cloud-link { border-radius: 3px; padding: 0.25rem 0.625rem; margin-bottom: 0.25rem; display: inline-block; } .gt-blog-widget ul li, .gt-widget.widget_latest_post ul li { display: flex; padding: 0.9375rem 0; } .gt-blog-widget .gt-image, .gt-widget.widget_latest_post .gt-image { width: 54px; height: 54px; margin-right: 0.9375rem; background-color: #000; border-radius: 3px; overflow: hidden; } .gt-blog-widget .gt-image img, .gt-widget.widget_latest_post .gt-image img { width: 100%; } .gt-blog-widget .gt-content, .gt-widget.widget_latest_post .gt-content { width: 100%; flex: 1; } .gt-blog-widget .gt-content h2, .gt-widget.widget_latest_post .gt-content h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.625rem; } .gt-blog-widget .gt-content span, .gt-widget.widget_latest_post .gt-content span { font-size: 0.6875rem; text-transform: uppercase; color: #000; opacity: .4; font-weight: 600; display: block; } .gt-blog-widget .gt-content span i, .gt-widget.widget_latest_post .gt-content span i { margin-right: 0.3125rem; } .widget_search .search-form-widget input[type="text"] { margin-bottom: 1.154rem; } .widget_search .search-form-widget button { width: 100%; } .widget_tag_cloud .tagcloud, .widget_nav_menu ul, .widget_rss ul, .widget_recent_comments ul, .widget_meta ul, .widget_pages ul, .widget_categories ul, .widget_archive ul, .widget_recent_entries ul { list-style: none; padding: 0; margin: 0; } .widget_nav_menu ul .sub-menu, .widget_pages ul .children, .widget_categories ul .children { padding-left: 0.7692rem; margin-bottom: -0.6923rem; } .widget_nav_menu ul li, .widget_rss ul li, .widget_recent_comments ul li, .widget_meta ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li { border-bottom: 1px solid #eeeeee; padding: 0.6923rem 0; } .widget_rss ul li { border-bottom: 0; padding: 0 0 2.308rem; } .widget_nav_menu ul li:last-child, .widget_rss ul li:last-child, .widget_recent_comments ul li:last-child, .widget_meta ul li:last-child, .widget_pages ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_recent_entries ul li:last-child { border-bottom: 0; } .widget_rss ul li:first-child, .widget_recent_comments ul li:first-child, .widget_meta ul li:first-child, .widget_archive ul li:first-child, .widget_recent_entries ul li:first-child { padding-top: 0; } .widget_rss ul li:last-child, .widget_recent_comments ul li:last-child, .widget_meta ul li:last-child, .widget_archive ul li:last-child, .widget_recent_entries ul li:last-child { padding-bottom: 0; } .widget_calendar table { width: 100%; } .widget_calendar table td, .widget_calendar table th { padding: 0.3846rem; text-align: center; } .widget_tag_cloud a, .widget_tag_cloud a:visited { padding: 0.625rem 1.438rem; border: 1px solid #e8e8e8; text-transform: uppercase; display: inline-block; margin: 0 0.1538rem 0.3846rem; font-size: 0.75rem !important; font-weight: 600; } .widget_rss ul li a.rsswidget, .widget_rss ul li a.rsswidget:visited { text-transform: uppercase; font-size: 1.154rem; display: block; line-height: 1.1em; font-weight: 700; } .widget_rss ul li cite, .widget_rss .rss-date { text-transform: uppercase; font-weight: 500; font-size: 0.7692rem; display: inline-block; } .widget_rss ul li .rssSummary { color: #8e8e8e; font-size: 0.9231rem; } .widget_rss .rss-date { margin-bottom: 0.6154rem; } .widget_rss ul li cite { font-style: normal; margin-top: 0.6154rem; } .widget_mc4wp_form_widget .mc4wp-form-fields > input { margin-bottom: 15px; } .widget_mc4wp_form_widget .mc4wp-form-fields > button { width: 100%; } .mc4wp-response { margin-top: 15px; } /*====== 3.10 Post Info ======*/ .gt-page-info { width: 100%; background-color: #fafafa; padding: 30px 0; } .gt-page-info-details .container { padding-top: 60px; padding-bottom: 30px; } .gt-page-info-details .gt-box { margin-bottom: 1.875rem; } .gt-page-info-details .gt-box:last-child { margin-bottom: 0; } .gt-page-info-details .gt-box .gt-title { padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.05); display: flex; } .gt-page-info-details .gt-box .gt-title i { margin-right: 15px; } .gt-page-info-details .gt-box .gt-title h5 { font-size: 0.875rem; font-weight: 700; color: #000; text-transform: uppercase; margin: 0; } .gt-page-info-details .gt-box .gt-content { padding: 15px 0; } .gt-page-info-details .gt-social-list { margin: 0; padding: 0; list-style-type: none; display: flex; } .gt-page-info-details .gt-social-list li a { padding: 6px; display: inline-block; font-size: 1.125rem; } .gt-page-info-details .gt-user-posts { margin: 0; padding: 0; list-style-type: none; } .gt-page-info-details .gt-user-posts li { margin-bottom: 10px; } .gt-page-info-details .gt-user-posts li a { background-color: #fff; border-radius: 2px; padding: 6px 10px; display: block; } /*====== 3.11 Post Share ======*/ .gt-box-share-post { display: flex; align-items: center; justify-content: flex-start; } .gt-box-share-post span { font-size: 0.8125rem; font-weight: 600; color: #000; padding-right: 5px; text-transform: uppercase; } .gt-box-share-post ul { margin: 0; padding: 0; list-style-type: none; display: flex; } .gt-box-share-post ul li a { padding-left: 15px; } .gt-box-share-post ul li span { display: none; } /*====== 3.12 User Box ======*/ .gt-user-box { display: flex; align-items: center; justify-content: flex-start; cursor: pointer; } @media (max-width: 767px) { .gt-user-box { padding: 0 15px 30px 15px; } } .gt-user-box .gt-avatar { width: 30px; height: 30px; margin-right: 15px; } .gt-user-box .gt-avatar img { max-height: 30px; } .gt-user-box .gt-title { font-size: 0.8125rem; font-weight: 600; color: rgba(0,0,0,.3); text-transform: uppercase; } .gt-user-box .gt-title span { color: rgba(0,0,0,1); } .gt-user-box .gt-icon { margin-left: 10px; font-size: 0.6875rem; } /*====== 3.13 Post Navigation ======*/ .gt-prevnext-article { padding: 120px 0; background-color: #fff; } .gt-prevnext-article .gt-prevnext-item.gt-right { text-align: right; } .gt-prevnext-article .gt-prevnext-item .gt-image { overflow: hidden; border-radius: 3px; position: relative; } .gt-prevnext-article .gt-prevnext-item .gt-image::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .4; z-index: 1; pointer-events: none; } .gt-prevnext-article .gt-prevnext-item .gt-image img { width: 100%; } .gt-prevnext-article .gt-prevnext-item .gt-image a { display: block; } .gt-prevnext-article .gt-prevnext-item .gt-content { padding: 30px 30px 0 30px; } .gt-prevnext-article .gt-prevnext-item .gt-content span { font-size: 0.6875rem; font-weight: 700; margin-bottom: 0.625rem; display: block; text-transform: uppercase; } .gt-prevnext-article .gt-prevnext-item .gt-content h2 { font-size: 1.125rem; font-weight: 600; } .gt-prevnext-article .gt-prevnext-icon { font-size: 2rem; } .gt-allbloglist-btn { width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; } .gt-allbloglist-btn a { font-size: 2rem; color: rgba(0,0,0,.2); text-align: center; } @media (min-width: 1200px) { .gt-allbloglist-btn { padding-top: 100px; } } @media (min-width: 992px) { .gt-allbloglist-btn { padding-top: calc(50% + 40px); } .gt-prevnext-article .gt-prevnext-icon { display: none; } } @media (max-width: 991px) { .gt-prevnext-article .gt-prevnext-item .gt-image, .gt-prevnext-article .gt-prevnext-item .gt-content { display: none; } } @media (max-width: 767px) { .gt-prevnext-article { padding: 60px 0; } } /* ====== 4. Footer ====================================================== */ .gt-footer-top { padding: 0.9375rem 0; position: relative; background-color: #000; } .gt-footer-top::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; z-index: 1; } .gt-footer-top::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(include/assets/img/line.png); opacity: .08; z-index: 1; } .gt-footer-top .container { position: relative; z-index: 10; } .gt-footer-top ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .gt-footer .gt-navbar li.dropdown > a::after { display: none; } .gt-footer-top ul li a { font-size: 1.875rem; color: #fff; opacity: 1; display: inline-block; padding: 2rem; } .gt-footer-top ul li a:hover { opacity: .5; } .gt-footer-bottom { padding: 1.875rem 0; background-color: #fff; } .gt-footer-bottom .container { display: flex; align-items: center; justify-content: space-between; text-align: center; } @media (max-width: 991px) { .gt-footer-top ul li a { font-size: 1.375rem; padding: 1rem; } .gt-footer-bottom .container { justify-content: center; flex-direction: column; } } /* ====== 5. Plugins ====================================================== */ /*====== 5.1 Scroll Panel ======*/ .scroll-pane { overflow: auto; height: 100%; width: 100%; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #f0f0f0; position: relative; } .jspDrag { background: #000; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 8px; } .jspHorizontalBar .jspArrow { width: 8px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } @keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4f5b5f;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transform:translateY(-40px);transition:transform .4s ease-in-out;width:100%}.plyr__captions span{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions span div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{transform:translateY(-15px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}.plyr__control[aria-pressed=false] .icon--pressed,.plyr__control[aria-pressed=false] .label--pressed,.plyr__control[aria-pressed=true] .icon--not-pressed,.plyr__control[aria-pressed=true] .label--not-pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr__control--overlaid{background:rgba(26,175,255,.8);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{height:20px;left:2px;position:relative;width:20px}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#1aafff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;text-align:center}.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:5px}.plyr__controls .plyr__menu:first-child,.plyr__controls .plyr__menu:first-child+[data-plyr=pause],.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__progress:first-child+[data-plyr=pause],.plyr__controls .plyr__time:first-child,.plyr__controls .plyr__time:first-child+[data-plyr=pause],.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}@media (min-width:480px){.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:10px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:5px}}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:35px 10px 10px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:2}.plyr--video .plyr__controls .plyr__control svg{-webkit-filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15));filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__video-embed{height:0;padding-bottom:56.25%;position:relative}.plyr__video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed iframe{pointer-events:none}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container ul{list-style:none;margin:0;overflow:hidden;padding:7px}.plyr__menu__container ul li{margin-top:2px}.plyr__menu__container ul li:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4f5b5f;display:flex;font-size:14px;padding:4px 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79,91,95,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79,91,95,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container label.plyr__control{padding-left:7px}.plyr__menu__container label.plyr__control input[type=radio]+span{background:rgba(0,0,0,.1);border-radius:100%;display:block;flex-shrink:0;height:16px;margin-right:10px;position:relative;transition:all .3s ease;width:16px}.plyr__menu__container label.plyr__control input[type=radio]+span::after{background:#fff;border-radius:100%;content:'';height:6px;left:5px;opacity:0;position:absolute;top:5px;transform:scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container label.plyr__control input[type=radio]:checked+span{background:#1aafff}.plyr__menu__container label.plyr__control input[type=radio]:checked+span::after{opacity:1;transform:scale(1)}.plyr__menu__container label.plyr__control input[type=radio]:focus+span{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio]+span,.plyr__menu__container label.plyr__control:hover input[type=radio]+span{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-7px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr__progress{display:flex;flex:1;position:relative}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress--buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:6px;left:0;margin:-3px 0 0;padding:0;position:absolute;top:50%;width:100%}.plyr__progress--buffer::-webkit-progress-bar{background:0 0;transition:width .2s ease}.plyr__progress--buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:6px}.plyr__progress--buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:6px;transition:width .2s ease}.plyr__progress--buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress--buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress--buffer{color:rgba(183,197,205,.66)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(183,197,205,.66)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1;pointer-events:none}.plyr--stopped .plyr__poster{opacity:1}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:28px;color:#1aafff;display:block;height:20px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:3px;height:6px;transition:all .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;transition:all .2s ease;width:14px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:3px;height:6px;transition:all .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;transition:all .2s ease;width:14px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:3px;height:6px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:3px;height:6px;transition:all .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:3px;height:6px;transition:all .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:3px;height:6px;transition:all .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;transition:all .2s ease;width:14px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__volume{flex:1;position:relative}.plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:50px}}@media (min-width:768px){.plyr__volume{max-width:80px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr--has-error{pointer-events:none}.plyr--has-error::after{align-items:center;background:#000;color:#fff;content:attr(data-plyr-error);display:flex;font-size:16px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;text-shadow:0 1px 1px #000;top:0;width:100%;z-index:10}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}.plyr:fullscreen .plyr__video-embed{overflow:visible}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-moz-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-fallback .plyr__video-embed{overflow:visible}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(47,52,61,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:6px;left:0;margin:-3px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important} /*====== 5.2 WooCommerce ======*/ .cloux-woo-left-sidebar .main-row > .right-layout { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .cloux-woo-no-sidebar .main-row > .left-layout { max-width: 100%; -ms-flex: 100%; flex: 100%; } .cloux-woo-no-sidebar .main-row > .right-layout { display: none; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span { font-size: 1rem; } .select2-container .select2-selection--single { min-height: 52px; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { color: #000; } .woocommerce div.product form.cart { display: flex; } .woocommerce div.product .product_title, .woocommerce .page-title { display: none; } .woocommerce .single-content-wrapper h1.page-title { display: none; } .woocommerce ul.products { -ms-flex-align: start; align-items: start; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0rem -1.154rem -2.308rem; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none; margin: 0; padding: 0rem 1.154rem 2.308rem; } .woocommerce ul.products.columns-5 > li.product, .woocommerce.columns-5 ul.products > li.product { width: 25%; } .woocommerce ul.products.columns-4 > li.product, .woocommerce.columns-4 ul.products > li.product { width: 25%; } .woocommerce ul.products.columns-3 > li.product, .woocommerce.columns-3 ul.products > li.product { width: 33.33333333333333%; } .woocommerce ul.products.columns-2 > li.product, .woocommerce.columns-2 ul.products > li.product { width: 50%; } .woocommerce ul.products > li.product { width: 100%; } .woocommerce .woocommerce-ordering { margin: 0 0 2.308rem; } .woocommerce ul.products li.product a img, .woocommerce ul.products li.product a:visited img { margin-bottom: 1.846rem; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 1.625rem; font-weight: 600; color: #000; margin-bottom: 1rem; padding: 0rem; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { display: block; font-size: 20px; line-height: 20px; margin-bottom: 1rem; font-weight: 600; text-transform: uppercase; padding-right: 6px; position: relative; } .woocommerce div.product p.price del, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { display: inline-block; } .woocommerce ul.products li.product .price ins { margin-left: 0.3846rem; } .woocommerce span.onsale, .woocommerce span.onsale { height: auto; line-height: normal; width: 3.462rem; height: 3.462rem; line-height: 3.462rem; padding: 0; text-transform: uppercase; } .woocommerce ul.products li.product .onsale { margin: 0rem; top: 0rem; left: 1.154rem; border-radius: 0rem; font-size: 12px; width: 100px; padding: 15px 0px; height: auto; min-height: auto; line-height: 1.7; text-align: center; } .woocommerce span.onsale { text-transform: uppercase; border-radius: 0rem; font-size: 12px; width: 100px; padding: 15px 0px; height: auto; min-height: auto; line-height: 1.7; text-align: center; top: 0; left: 0; } .woocommerce .star-rating { width: 6.3em; color: #282828; } .woocommerce .products .star-rating { margin-bottom: 0.7692rem; } .woocommerce .star-rating span::before, .woocommerce .star-rating::before { letter-spacing: 0.15rem; } .woocommerce .star-rating::before { color: #EEE; } .woocommerce div.product div.images .flex-control-thumbs { margin: 1.154rem -0.5385rem 0rem; } .woocommerce div.product div.images .flex-control-thumbs li { padding: 0 0.5385rem; } .woocommerce div.product .product_title { margin: -0.6923rem 0 0.6154rem; text-transform: uppercase; font-size: 3.462rem; line-height: 3.462rem; font-weight: 800; } .woocommerce .quantity .qty { width: 5.385rem; padding: 1.17rem; } .woocommerce div.product p.price { font-size: 2.308rem; line-height: 2.308rem; margin-bottom: 1.846rem; } .woocommerce div.product div.summary .woocommerce-review-link { display: none; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 1.385rem; } .woocommerce div.product form.cart .button { padding-top: 1.231rem; padding-bottom: 1.231rem; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0rem 0rem 3.462rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0 1.538rem 0 0; font-size: 1rem; font-weight: 600; text-transform: uppercase; border: 2px solid rgba(0,0,0,.05); border-radius: 0; padding: 0; background: transparent; color: #000; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #000; border-bottom-color: #000; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:visited { background: transparent; display: block; padding: 15px 2rem; font-size: 0.875rem; color: #000000; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus { background: #000000; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 4.615rem; } .woocommerce div.product div.summary, .woocommerce div.product div.images { margin-bottom: 4.615rem; } .woocommerce h3, .woocommerce div.product .comment-reply-title, .woocommerce div.product h2, .woocommerce h2 { color: #000; } .woocommerce h3 { font-size: 1.923rem; line-height: 1.923rem; } .woocommerce div.product .product_meta > span { display: block; } .woocommerce #reviews #review_form_wrapper { margin-top: 2rem; } .woocommerce #reviews #comments ol.commentlist { margin: 0; width: 100%; background: transparent; list-style: none; padding: 0; } .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 2.308rem; border: 0; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .description p:last-child { padding: 0rem; margin: 0rem; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0rem; width: 4.615rem; border: 0rem; background: transparent; border: 0rem; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0rem; width: calc(100% - 5.769rem); float: right; border-radius: 0rem; border: 1px solid #EEEEEE; padding: 1.538rem; } .woocommerce div.product div.images .flex-control-thumbs li img, .woocommerce div.product div.images img { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { top: 1rem; } .woocommerce table.shop_table, .woocommerce table, .woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce table td, .woocommerce table th, .woocomemrce table thead th { border: 1px solid #eeeeee; padding: 1.75rem 1.5rem; } .woocommerce table.shop_table, .woocommerce table { padding: 0rem; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { display: inline-block; width: 10rem; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: #FFFFFF; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], #add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input { margin: 0; vertical-align: middle; line-height: 1rem; padding: 1.45rem 2.308rem; } .woocommerce table.shop_table { margin: 0rem 0rem 4.615rem; width: 100%; border-collapse: collapse; border-radius: 0rem; } #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { border-collapse: collapse; margin: 0 0 1.154rem; padding: 0; } .woocommerce-error, .woocommerce-info, .woocommerce-message { border-top: 0.1538rem solid #EEEEEE; list-style: none; padding: 1.45rem 3.7rem; background: #f9f9f9; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; margin-bottom: 3.462rem; } .woocommerce-error > a, .woocommerce-error > a:visited, .woocommerce-info > a, .woocommerce-info > a:visited, .woocommerce-message > a, .woocommerce-message > a:visited { -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { top: 0; margin: auto; bottom: 0; left: 1.5rem; font-size: 1.154rem; height: 2rem; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100%; max-width: 100%; padding: 0rem; margin-bottom: 4.615rem; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: calc(50% - 1.154rem); } .select2-dropdown { padding: 1.538rem; } .select2-search--dropdown { padding: 0rem; margin: 0rem 0rem 1.154rem; } .select2-results__option { padding: 0.3846rem 0rem; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background: transparent; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 1.15rem; right: 1.538rem; } .woocommerce form .form-row { padding: 0rem; margin: 0 0 1.923rem; } .woocommerce fieldset legend, .woocommerce form .form-row label { font-weight: 600; font-size: 1rem; line-height: 1.8; } .woocommerce fieldset legend { text-transform: uppercase; } .woocommerce form .form-row textarea#order_comments { height: 11.54rem; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #F9F9F9; border-radius: 0rem; padding: 2.308rem; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: #eee; margin: 0rem; padding: 0rem; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { font-size: 1rem; border-radius: 0rem; line-height: 1.8; background-color: #eee; color: #777777; padding: 1.75rem 1.5rem; margin: 1.308rem 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #eeeeef; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; top: -1em; } .woocommerce-checkout #payment div.form-row.place-order { margin: 2.308rem 0rem 0rem; padding: 0rem; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { position: relative; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: .83em; font-size: .83em; height: .83em; padding-left: 1.154rem; top: 0rem; bottom: 0rem; position: absolute; margin: auto; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -0.6154rem 0 0 1.154rem; padding: 0rem; } .woocommerce-account .woocommerce { margin: 0rem; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce .woocommerce-MyAccount-navigation { margin-bottom: 3.462rem;; } .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0rem; margin: 0rem; text-align: center; } .woocommerce .woocommerce-MyAccount-navigation ul li { display: inline-block; float: none; margin-right: 1.538rem; } .woocommerce .woocommerce-MyAccount-navigation ul li:last-child { margin-right: 0rem; } .woocommerce .woocommerce-MyAccount-navigation ul li a, .woocommerce .woocommerce-MyAccount-navigation ul li a:visited { display: block; font-size: 1rem; font-weight: 600; text-transform: uppercase; border: 0.1538rem solid #eeeeee; padding: 0.85rem 1.538rem; } .woocommerce .woocommerce-order > .woocommerce-order-overview { margin: 0rem; padding: 0rem; list-style: none; margin-bottom: 3.462rem; background: #F9F9F9; -ms-flex-align: start; align-items: start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce ul.order_details li { float: none; padding: 0rem 1.154rem 0rem 0rem; margin: 0 0 20px; font-weight: 700; border: 0; width: 100%; } .woocommerce ul.order_details li:last-child { margin-bottom: 0rem; } .woocommerce ul.order_details li strong { font-weight: 400; font-size: 1rem; margin-top: 0.1538rem; } .woocommerce .woocommerce-MyAccount-content > section, .woocommerce .woocommerce-order > .woocommerce-order-overview, .woocommerce .woocommerce-order > section { margin-bottom: 3.462rem; background: #F9F9F9; padding: 3.077rem; } .woocommerce .wc-bacs-bank-details-account-name { font-weight: 800; margin-bottom: 1.154rem; font-size: 1rem; } .woocommerce ul.order_details.bacs_details { margin: 0rem; padding: 0rem 0rem 2.308rem; list-style: none; } .woocommerce .woocommerce-order > section.woocommerce-bacs-bank-details { padding-bottom: 1.154rem; } .woocommerce ul.order_details.bacs_details li { width: 100%; padding: 0rem; margin: 0rem 0rem 0.7692rem; } .woocommerce table.shop_table.order_details th.product-name { min-width: 15.38rem; } .woocommerce .woocommerce-customer-details address { border: 0rem; padding: 0rem; border-radius: 0rem; } .woocommerce .mark, .woocommerce mark { background-color: #f7f7f7; color: #777777; padding: 0.3846rem 0.7692rem; } .woocommerce .woocommerce-result-count { margin: 0 0 2.308rem; padding: 1rem 0; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 50px; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { display: flex; } @media (max-width: 991px) { .woocommerce ul.products.columns-3 > li.product, .woocommerce ul.products.columns-4 > li.product, .woocommerce ul.products.columns-5 > li.product { width: 50%; } } @media (max-width: 767px) { .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { display: block; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 100%; margin-bottom: 5px; } .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button { width: 100%; } .woocommerce-error, .woocommerce-info, .woocommerce-message { display: block; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: none; margin-bottom: 1.154rem; } } @media (max-width: 600px) { .woocommerce ul.products.columns-2 > li.product, .woocommerce ul.products.columns-3 > li.product, .woocommerce ul.products.columns-4 > li.product, .woocommerce ul.products.columns-5 > li.product { width: 100%; } } /* ====== 6. Color Selector ====================================================== */ .woocommerce .woocommerce-MyAccount-navigation ul li a, .woocommerce .woocommerce-MyAccount-navigation ul li a:visited, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, span.wpcf7-not-valid-tip, a:hover, a:focus, .gt-navbar a:hover, .gt-slider .swiper-slide--caption span a, .gt-page-heading .gt-content span a, .gt-prevnext-article .gt-content span, .gt-post-list .gt-post-item span a, .gt-post-list.gt-style-3 .gt-post-item .gt-content ul li a, .gt-navbar ul ul li:hover > a, .gt-navbar ul li:hover > a { color: #FF6600; } .gt-icons .gt-icon:hover svg { fill: #FF6600; } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:visited, .woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce .woocommerce-MyAccount-navigation ul li a:focus, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce span.onsale, .cloux-header .cloux-navbar.style-1 .navbar-menu li .dropdown-menu, .gt-header .gt-basket-icon::before, .gt-post-list.gt-style-3 .gt-post-item .gt-btn:hover { background-color: #FF6600; } .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce .woocommerce-MyAccount-navigation ul li a, .woocommerce .woocommerce-MyAccount-navigation ul li a:visited, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #FF6600; } .gt-widget .tag-cloud-link, .gt-widget .gt-widget--heading, .gt-post-tags ul li a:hover, .gt-section-heading { background-color: #F2F0FA; } .gt-loader .gt-sticks::before, .gt-navbar ul ul::before, .gt-footer-top::before, .gt-prevnext-article .gt-prevnext-item .gt-image::before, .gt-page-heading .gt-image .gt-image-inner::before, .gt-header > .gt-line::before, .gt-slider-top::before, .gt-slider--swiper .swiper-slide--image::before, .gt-post-list .gt-post-item .gt-image::before, .gt-page-heading::before { background-image: linear-gradient(-134deg, #3023AE 0%, #C86DD7 100%); } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:visited, .woocommerce .woocommerce-MyAccount-navigation ul li a:focus, .woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus { color: #FFFFFF; }