/* Theme Name: Prike Version: 1.0 Description: Fully custom Text Domain: prike */ /* main */ @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700'); @font-face {font-family: 'colaborate-regularregular'; src: url('font/ColabReg-webfont.eot'); src: url('font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('font/ColabReg-webfont.woff') format('woff'), url('font/ColabReg-webfont.ttf') format('truetype'), url('font/ColabReg-webfont.svg#colaborate-regularregular') format('svg'); font-weight: normal; font-style: normal} @font-face {font-family: 'colaborate-thinregular'; src: url('font/ColabThi-webfont.eot'); src: url('font/ColabThi-webfont.eot?#iefix') format('embedded-opentype'), url('font/ColabThi-webfont.woff') format('woff'), url('font/ColabThi-webfont.ttf') format('truetype'), url('font/ColabThi-webfont.svg#colaborate-thinregular') format('svg'); font-weight: normal; font-style: normal} @font-face {font-family: 'colaborate-mediumregular'; src: url('font/ColabMed-webfont.eot'); src: url('font/ColabMed-webfont.eot?#iefix') format('embedded-opentype'), url('font/ColabMed-webfont.woff') format('woff'), url('font/ColabMed-webfont.ttf') format('truetype'), url('font/ColabMed-webfont.svg#colaborate-mediumregular') format('svg'); font-weight: normal; font-style: normal} @font-face {font-family: 'colaborate-lightregular'; src: url('font/ColabLig-webfont.eot'); src: url('font/ColabLig-webfont.eot?#iefix') format('embedded-opentype'), url('font/ColabLig-webfont.woff') format('woff'), url('font/ColabLig-webfont.ttf') format('truetype'), url('font/ColabLig-webfont.svg#colaboratelightregular') format('svg'); font-weight: normal; font-style: normal} @font-face {font-family: 'open_sanslight'; src: url('font/OpenSans-Light-webfont.eot'); src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Light-webfont.woff') format('woff'), url('font/OpenSans-Light-webfont.ttf') format('truetype'), url('font/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sansregular'; src: url('font/OpenSans-Regular-webfont.eot'); src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Regular-webfont.woff') format('woff'), url('font/OpenSans-Regular-webfont.ttf') format('truetype'), url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sanssemibold'; src: url('font/OpenSans-Semibold-webfont.eot'); src: url('font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Semibold-webfont.woff') format('woff'), url('font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sansbold'; src: url('font/OpenSans-Bold-webfont.eot'); src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Bold-webfont.woff') format('woff'), url('font/OpenSans-Bold-webfont.ttf') format('truetype'), url('font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'proxima_nova_bold'; src: url('font/proximanova-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_semibold'; src: url('font/proximanova-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_regular'; src: url('font/proximanova-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_light'; src: url('font/proximanova-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_italic'; src: url('font/proximanova-regularitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body {background: url(img/bg.jpg) repeat-x fixed 50% 7% #FFF; line-height: 20px; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 200; color: #000} a {color: #A0772B; text-decoration: none} a:active, a:hover, a:focus {text-decoration: underline; color: #A0772B; outline: 0} h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 200; clear: both; color: #010101} h1 {margin: 36px 0 12px; font-size: 26px; line-height: 1.3846153846} h2 {font-size: 24px; line-height: 1} h3 {font-size: 24px; line-height: 1.0909090909} h4 {font-size: 20px; line-height: 1.2} h5 {font-size: 18px; line-height: 1.3333333333} h6 {font-size: 16px; line-height: 1.5} input, textarea {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px; color: #2b2b2b; padding: 8px 10px 7px} textarea {width: 100%} input:focus, textarea:focus {border: 1px solid rgba(0, 0, 0, 0.3); outline: 0} button, .button, input[type="button"], input[type="reset"], input[type="submit"], .btn {padding: 2px 12px; background: #E1C05B; border-radius: 0; text-transform: uppercase; font-size: 20px; font-weight: 200; color: #FFF} .btn-lg {padding: 6px 24px; font-size: 24px} button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #FFF; color: #E1C05B} button:active, .button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-color: #55d737} .form-control {border-radius: 0} .btn-default {border-color: #E1C05B} .btn-default:hover {background-color: #FFF; border-color: #FFF; color: #E1C05B} .btn-primary {background-color: #FFF; border-color: #FFF; color: #E1C05B} .btn-success {background-color: #FFF; border-color: #E1C05B; color: #E1C05B} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-success:hover, .btn-success.active, .btn-success:active, .btn-success:focus {background-color: #E1C05B; border-color: #E1C05B; color: #FFF} .search-field {width: 100%} hr {background-color: #000; border: 0; height: 1px; margin-bottom: 0} /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* overall */ .line-side-title {width: 100%; line-height: normal; text-align: center; overflow: hidden} .line-side-title span {display: inline-block; position: relative} .line-side-title span:before, .line-side-title span:after {display: block; content: ""; position: absolute; height: 10px; border-bottom: 1px solid #555C60; top: 0; width: 2000px} .line-side-title span:before {right: 100%; margin-right: 20px} .line-side-title span:after {left: 100%; margin-left: 20px} /* page */ .site {max-width: 100%; position: relative} .main-content {width: 100%} /* header */ #site-header {position: relative; z-index: 3} .site-header {background: rgba(0, 0, 0, 1.0); max-width: 100%; position: absolute; width: 100%; z-index: 4; height: 180px} .site-title {position: relative; width: 236px; height: 85px; margin: 0; z-index: 10} .site-title a {display: block; width: 236px; height: 180px; background: url(img/prike-logo.jpg) no-repeat; background-position: left 25px; background-size: 236px; text-indent: -4000px} .site-title a:hover {pocolor: #fff; display: block; overflow: hidden; } .search-box-wrapper {float: right; margin: 46px 25px 0 0; z-index: 2} .search-box-wrapper .search-box { display: block !important; } .search-box { position: relative; } .search-box label { margin: 0; } .search-box .search-field {background-color: rgba(255, 255, 255, 1.0); border: 2px solid #E1C05B; border-radius: 0; font-size: 14px; font-weight: normal; padding: 7px 10px; width: 100%; color: #969696} .search-box .search-field::-webkit-input-placeholder {/*font-style: italic;*/ color: #969696} .search-box .search-field:-moz-placeholder {/*font-style: italic;*/ color: #969696} .search-box .search-field::-moz-placeholder {/*font-style: italic;*/ color: #969696; opacity: 1} .search-box .search-field:-ms-input-placeholder {/*font-style: italic;*/ color: #969696} .search-box .search-submit {display: block; position: absolute; top: -2px; right: 2px; padding: 5px; background: none; border: 0} .search-box .search-submit span {display: none} .search-box-toggle:before, .search-box .search-submit:before {content: '\f002'; display: block; font-size: 16px; font-family: FontAwesome; color: #E1C05B} .search-box .search-submit:before { display: none; } #search-container .search-box.logged-in .search-submit { left: auto; right: 2px; } .search-box-toggle:hover, .search-box-toggle:focus { text-decoration: none; } .search-box-toggle:before { font-size: 26px; } .search-box-toggle { display: none; } .login-box { float: right; position: static; margin: 0; padding-left: 10px; } .login-box-wrap { /* E-shop to navigation */ display: none; float: right; height: 36px; margin: 17px 0 15px 0; position: relative; } #login-box-logged-in { right: auto; } .site-header a {color: #E1C05B} .site-header a:hover {text-decoration: none; color: #FFF} .country {margin-top: 54px; margin-right: 20px; color: #E1C05B; float: right; font-family: 'Montserrat', sans-serif; font-size: 14px; } .country span {display: inline-block; width: 20px} .langselect {position: relative; width: 60px; margin-top: 50px; margin-right: 10px; float: right; font-family: 'Montserrat', sans-serif; font-size: 14px; } #langselect {position: absolute; width: 55px; padding: 5px 10px; z-index: 12;} #langselect:hover {padding: 4px 9px; border: 1px solid #554f42; background-color: rgba(0,0,0,0.3)} #langselect a {text-transform: uppercase} .langselect-drop {top: 20px; left: 0} .langselect-drop ul {margin: 0} .langselect-drop li { background: none !important; padding: 2px 0 !important; margin: 0 !important; width: 100%} /* Main navigation */ .main-nav-wrap { background-color: transparent; position: relative; } .main-nav-wrap .main-nav { float: left; margin: 20px 0 0 300px; padding: 0; list-style: none; } .main-nav-wrap .main-nav > li { float: left; margin: 0; padding: 0; } .main-nav-wrap .main-nav > li > a { display: block; padding: 25px 20px 26px 20px; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #fff; line-height: 1; text-transform: uppercase; position: relative; z-index: 11; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main-nav-wrap .main-nav > li > a:before { opacity: 0; content: ""; display: block; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #E1C05B; position: absolute; bottom: -9px; left: 50%; margin-left: -13px; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main-nav-wrap .main-nav > li > a:hover, .main-nav-wrap .main-nav > .current-menu-item > a, .main-nav-wrap .main-nav > .current-menu-parent > a, .main-nav-wrap .main-nav > .current-menu-ancestor > a { color: #E1C05B; text-decoration: none; } .main-nav-wrap .main-nav > .menu-item-home.current-menu-item > a:hover:before, .main-nav-wrap .main-nav > .current-menu-item > a:before, .main-nav-wrap .main-nav > .current-menu-parent > a:before, .main-nav-wrap .main-nav > .current-menu-ancestor > a:before, .main-nav-wrap .main-nav > .menu-item-has-children > a:hover:before { opacity: 1; } .main-nav-wrap .main-nav > .current-menu-item > .no-hover, .main-nav-wrap .main-nav > .current-menu-parent > .no-hover, .main-nav-wrap .main-nav > .current-menu-ancestor > .no-hover { color: #fff; } .main-nav-wrap .main-nav > .menu-item-home.current-menu-item > a:before, .main-nav-wrap .main-nav > .current-menu-item > .no-hover:before, .main-nav-wrap .main-nav > .current-menu-parent > .no-hover:before, .main-nav-wrap .main-nav > .current-menu-ancestor > .no-hover:before { opacity: 0; } .main-nav-wrap .main-nav > li.menu-item-eshop > a { text-transform: none; font-size: 14px; color: #E1C05B; background-image: url('img/gold-arrow.png'); background-repeat: no-repeat; background-position: 90% center; background-size: 6px; } /*.main-nav-wrap .main-nav > li.menu-item-eshop > a:after { margin-left: 5px; font-size: 14px; content: '\f054'; font-family: FontAwesome; }*/ /* Main nav > Sub nav */ .main-nav-wrap .main-nav .sub-menu { display: none; margin: 0; padding: 40px 100px; list-style: none; background-color: #1C1C1C; border: 0; border-top: 0; box-shadow: 0 5px 15px rgba(0,0,0, 0.15); position: absolute; top: 94px; left: 0; right: 0; z-index: 1; } .main-nav-wrap .main-nav .sub-menu li { float: left; margin-right: 50px; } .main-nav-wrap .main-nav .sub-menu li:nth-child(2n+1) { clear: left; } .main-nav-wrap .main-nav .sub-menu a { display: block; width: 180px; padding: 6px 10px; font-family: 'Montserrat', sans-serif; font-weight: 200; font-size: 16px; color: #E1C05B; background: url('img/gold-arrow.png') no-repeat 0 11px; background-size: auto 8px; } .main-nav-wrap .main-nav .sub-menu a:hover { text-decoration: underline; } /* Basket icon */ #menu-basket { float: right; } #menu-basket a { background: #00adef url('img/icon-basket.png') no-repeat 50%; background-size: 40px auto; z-index: 1; } #menu-basket #basket-count { top: 20px; left: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #000; border-radius: 50%; border: 3px #00adef solid; box-sizing: content-box; } .block-white:after {position: absolute; display: inline-block; border-right: 20px solid transparent; border-bottom: 20px solid #FFF; border-left: 20px solid transparent; content: ''} .intro, .header-grand {position: relative; width: 100%; margin: 0 auto; max-width: 1180px; height: 372px; padding: 0; overflow: hidden} .intro { margin-bottom: 180px; top: 180px; } .header-grand { height: 606px; } .intro .slidee {position: relative; height: 100%; margin: 0; padding: 0; list-style: none} .intro .slidee li {display: none; position: relative; float: left; max-width: 1180px; height: 100%; padding: 0} .intro .text {position: absolute; bottom: 60px; color: #FFF} .intro .title {max-width: 700px; padding: 0 0 20px; line-height: 90px; text-transform: uppercase; font-size: 70px} .intro .description {line-height: 50px; font-size: 40px} .pages {position: absolute; bottom: 0; width: 100%; list-style: none; margin: 20px 0; padding: 0; text-align: center} .pages li {display: inline-block; width: 60px; height: 6px; margin: 0 4px; text-indent: -999px; cursor: pointer; overflow: hidden; background: #F3F2ED} .pages li:hover {background: #FFF} .pages li.active {background: #E1C05B} .header-grand-inner {position: absolute; width: 100%; bottom: 0} .header-grand .text {padding: 70px 50px; background: rgba(0, 0, 0, 0.5); color: #FFF} .header-grand .title {padding: 0 0 20px; text-transform: uppercase; font-size: 40px} .header-grand .description {font-size: 18px} .header-strip {height: 123px} .tax-brand .header-strip {margin-bottom: 40px} /* content */ .content-area {padding-top: 70px} .page-template-page-templatespage-front-php .content-area {padding-top: 48px} .tax-brand .content-area, .page-template-page-templatespage-brand-story-php .content-area {padding-top: 30px} .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {margin: 0 auto; font-size: 16px; line-height: 28px; font-weight: 400; } .page-content, .site-content .contacts-list {margin-bottom: 48px} .site-content .line-side-title {margin: 0 0 70px; font-size: 35px; color: #222221; } .site-content .line-side-title span:before, .site-content .line-side-title span:after {height: 20px; border-bottom: 1px solid #222221} .news-mini li {padding: 0 0 30px} .news-mini span {font-size: 14px} .news-mini a {font-size: 15px} .breadcrumbs {margin-bottom: 40px} .breadcrumbs a { color: #E1C05B; } .breadcrumbs .fa {width: 30px; text-align: center; font-size: 14px; color: #995724} .entry-header, .page-header {margin: 0; margin-bottom: 20px; padding: 0; border: 0} .entry-title, .page-title {margin: 0; padding: 0; font-size: 38px; text-transform: uppercase; font-family: 'Montserrat', sans-serif !important; font-weight: 200; color: #010101} .page-title .line-side-title span:before, .page-title .line-side-title span:after {height: 20px; border-bottom: 1px solid #222221} .block-text {padding: 0 0 70px} .product-categories, .product-grid {margin-bottom: 120px} .product-categories a, .product-grid .col-md-3 a, .single-product .product-featured-img, .page-template-page-templatespage-brand-story-php .product-featured-img img {display: block; position: relative; width: 100%; height: 350px; border: 1px solid #f7f7f7; background-color: #FFF; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain} .single-product .product-featured-img {height: 475px} .single-product .product-featured-img img {display: block; margin: auto} .product-categories a, .product-grid .col a {display: block; position: relative; width: 100%; height: 350px;} .page-template-page-templatespage-brand-story-php .product-featured-img, .product-categories a {width: auto; height: auto; border: 0; background: none} /*.page-template-page-brands .product-grid div[class*='col-'] a {width: auto; height: auto;}*/ .page-template-page-templatespage-brand-story-php .product-featured-img img {width: auto; height: auto; margin: 0 0 20px} .product-categories a {border: 0} .product-grid .col a {display: block; margin: 0 0 20px} .product-grid .col a img {margin: auto} .product-categories .col a, .product-categories .box a, .product-grid .col a { position: relative; margin-bottom: 70px; } .product-categories .col a::after, .product-grid .col a::after, .product-categories a span { content: attr(data-name); position: absolute; bottom: -55px; display: block; width: 100%; text-align: center; background: transparent; font-size: 16px; line-height: 55px; padding: 0 15px; height: 55px; color: #000; text-transform: uppercase; font-weight: bold; border-bottom: 0px solid #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .product-categories .col a:hover::after, .product-grid .col a:hover::after { background: #969696; color: #fff; } .product-grid .col a {height: 300px; border: 1px solid #f7f7f7; background-color: #FFF; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; vertical-align: middle} .product-grid .col a img {} .brands {position: relative; width: 90%; margin: auto; padding: 0 0 30px; margin-bottom: 70px} .frame {width: 100%; height: 140px; padding: 0 0 0} .frame .slidee {margin: 0; padding: 0; height: 100%; list-style: none} .frame .slidee li {float: left; margin: 0 5px 0 0; padding: 0; width: 140px; height: 100%} .scrollbar {position: relative; width: 100%; height: 3px; margin: 15px auto 0; background: #E2E1E1} .scrollbar .handle {position: absolute; width: 25px; height: 25px; top: -10px; background: #E1C05B} .brands-arrow {position: absolute; display: block; width: 63px; height: 122px} .prevPage {top: 10px; left: -63px; background: url(img/brands_arrow_left.png) no-repeat} .nextPage {top: 10px; right: -63px; background: url(img/brands_arrow_right.png) no-repeat} .prevPage:hover {background: url(img/brands_arrow_left_hover.png) no-repeat} .nextPage:hover {background: url(img/brands_arrow_right_hover.png) no-repeat} .area-blue {padding: 70px 0; background: #efefef} .area-blue .pull-left { padding-right: 20px; } .area-blue .line-side-title span:before, .area-blue .line-side-title span:after {height: 20px; border-bottom: 1px solid #222221} .block-white { display: block; padding: 45px 20px; background: #fff; color: #434343; min-height: 330px; border: 1px solid transparent; } .block-white:hover {border: 1px solid #E1C05B; text-decoration: none; color: #434343} .block-left:after {top: -19px; right: 85px} .block-right:after {top: -19px; left: 85px} .block-left:hover:before {top: -20px; right: 84px} .block-right:hover:before {top: -20px; left: 84px} .block-white:after {position: absolute; display: inline-block; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; border-left: 20px solid transparent; content: ''} .block-white:hover:before {position: absolute; display: inline-block; border-right: 21px solid transparent; border-bottom: 21px solid #E1C05B; border-left: 21px solid transparent; border-bottom-color: #E1C05B; content: ''} .block-white .media img.pull-left {margin-right: 20px} .block-white h4 {font-size: 25px} .block-white .link { color: #fff; display: inline-block; background: #000; text-transform: uppercase; font-size: 11px; padding: 3px 10px; margin-right: 7px; } .block-white .link.link2 { background: #fff; color: #000; padding: 0; border-bottom: 3px solid #000; } .block-white .link:hover { text-decoration: none; } .area-blue ul {margin-left: 0; padding-left: 15px} .item-info {margin-bottom: 70px} .item-intro {margin-bottom: 40px} .product-gallery {width: 100%; overflow: hidden; padding-top: 20px} .product-gallery a {display: block; float: left; width: 80px; height: 100px; margin-right: 8px; margin-bottom: 8px; border: 1px solid #f7f7f7; background-color: #FFF; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box} .product-gallery a.active {margin-right: 6px; margin-bottom: 6px; border: 2px solid #E1C05B} .attributes {margin: 0 0 20px; padding: 0 0 20px; border-bottom: 0px solid #f7f7f7; color: #E1C05B} .attributes li {margin-right: 20px} .attributes li a.btn {display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 2px 5px; border: 1px solid #D5D5D5; background: transparent; font-family: Arial, Helvetica, sans; font-size: 16px; color: #666; } .attributes li a.btn::after { content: "\2193"; color: #E1C05B; margin: 0 0 0 10px; } .attributes li a.btn:hover { background: #E1C05B; color: #fff; border: 1px solid #E1C05B; } .attributes li a.btn:hover::after { color: #fff; } .attributes .pull-left:nth-child(2), .attributes .pull-left:nth-child(3) { float: right !important; } .attributes a {font-family: 'Montserrat', sans-serif; color: #E1C05B} .map {position: relative; height: 240px} div[class*='row-lat-contacts'] .col-lg-7 {height: 240px} div[class*='map-est-contacts'], div[class*='map-lit-contacts'] {position: relative; height: 220px} .map img {position: absolute} div[class*='map-lat-contacts'] img {top: -35px} div[class*='map-lit-contacts'] img {top: -75px} .contacts-list .btn-collapse {position: absolute; bottom: 24px; right: 0} .contact-collapse {width: 100%; padding: 20px 0; border-top: 1px solid #A7B5BC; border-bottom: 1px solid #A7B5BC; background: #F7F7F7} .contact-collapse h5, .contact-collapse h4 {margin-top: 0; font-family: 'Montserrat', sans-serif; } .contact-collapse h4 {margin-bottom: 15px; font-size: 20px; color: #424242} .contact-collapse h3 {margin-top: 30px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; } .contact-collapse .name {margin: 0; padding-bottom: 10px; font-size: 20px; font-family: 'Montserrat', sans-serif; color: #000} .contact-collapse img {margin: 40px 0 20px} .contacts-list div[class*='row-lat-contacts'] h3 {margin-top: 40px} .contacts-list .separator {position: absolute; right: 0; bottom: -1px; width: 760px; border-bottom: 1px solid #A7B5BC} .contacts-list div[class*='row-lat-contacts'] .separator {width: 790px} .contacts-list div[class*='row-lit-contacts'] .separator {display: none} #est-contacts .contact-collapse {} #lat-contacts .contact-collapse {padding-bottom: 120px} #lit-contacts .contact-collapse {} .contact-collapse .container hr:first-child {display: none} /* custom search form */ .search-form-block {margin-bottom: 50px; padding: 30px 0; background: #E7E6E5} .search-form-block .navbar {min-height: 0; margin-bottom: 0; padding: 0 5px; border: 0} .search-form-block input {min-width: 350px} .search-form-block form {margin: 0} .navbar-collapse .dropdown:first-child > a.btn {margin-right: 30px} .form-control {font-size: 16px} .yamm {} .yamm .dropdown-menu {border: 1px solid #E1C05B; padding: 30px 80px; border-radius: 0; box-shadow: none} .yamm .dropdown-menu li {float: left; width: 20%; line-height: 30px} .yamm .dropdown-menu li a {position: relative; line-height: 30px; color: #E1C05B} .yamm .dropdown-menu li a:hover {background: none} .yamm .dropdown-menu li a:before {position: absolute; left: 0; top: 0; display: block; content: '\f0c8'; line-height: 30px; font-size: 5px; font-family: FontAwesome; color: #E1C05B; opacity: 0.25} /* footer */ .site-footer {/*background: url(img/footer.gif) no-repeat 50% 0 #000;*/ background-color: #1C1C1C; font-size: 16px; color: #ACACAC} .site-footer .col-lg-3 { text-align: center; } .site-footer .fb {display: inline-block; margin-top: 180px; width: 40px; text-align: center; color: #fff} .site-footer .fb:hover {text-decoration: none} .site-footer .fb .fa-facebook, .site-footer .fb .fa-instagram, .site-footer .fb .fa-youtube {display: none; font-size: 40px} .site-footer .fb .fa-facebook:before {display: inline-block; height: 35px; width: 35px; background: url(img/fb_logo.png) center no-repeat / contain; overflow: hidden; text-indent: -9999px;} .site-footer .fb span {display: none; line-height: 40px;} .footer-sidebar {padding-top: 60px; padding-bottom: 30px; font-family: 'Montserrat', sans-serif; font-weight: 200;} .footer-sidebar .widget, .primary-sidebar .widget {} .footer-sidebar .widget {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 10px; width: 33%} .footer-sidebar .widget h1, .primary-sidebar .widget h1 {margin: 0; text-transform: none; font-size: 25px} .site-footer .line-side-title span:before, .site-footer .line-side-title span:after {height: 10px; border-bottom: 1px solid #E1C05B} .disclaimer {margin: 0 0 30px; font-size: 16px; color: #E1C05B; } .footer-sidebar .widget .widget-title {font-size: 20px; color: #ACACAC} .widget {font-size: 14px; margin-bottom: 30px; width: 100%} .widget a {color: #D19E67} .widget a:hover {color: #FFF} .widget p {margin-bottom: 18px} /* dialog */ .dialog-age {padding: 0; border: 0; border-radius: none; background: none; font-family: 'Montserrat', sans-serif; font-weight: 200;} .dialog-age .btn {color: #E1C05B} .dialog-age .btn:hover {color: #FFF} .dialog-age .btn.ui-state-default {background: #555} .dialog-age .ui-dialog-titlebar {display: none} .dialog-age .ui-dialog-content {padding: 0} .overlay-age {background: rgba(254, 254, 254, 0.8)} #age-control .container, #age-control .row, #age-control .col-md-offset-2, #age-control .message {height: 100%} #age-control .message {box-shadow: 0 0 150px 0 #000; background: #FFF} .logo-slogan {padding: 200px 0 0} .agreement {padding: 80px 150px 50px; line-height: 40px; text-transform: uppercase; font-size: 35px; font-family: 'Montserrat', sans-serif; } .agreee .btn {font-size: 32px; font-family: 'Montserrat', sans-serif; font-weight: 200;} /* autocomplete */ .ui-autocomplete { font-family: 'Montserrat', sans-serif; font-weight: 200;} address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #fff9c0; text-decoration: none; } p { margin-bottom: 18px; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } figure { margin: 0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; } legend { white-space: normal; } button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Input fields */ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #939393; } :-moz-placeholder { color: #939393; } ::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #939393; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 0 15px 10px 0; } .wp-caption.alignleft { margin: 0 15px 10px 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 0 0 10px 15px; } .wp-caption.alignright { margin: 0 0 10px 15px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } .hide { display: none; } /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } /* Separators */ .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after { content: "\0020\007c\0020"; } /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ /** * 4.0 Header * ----------------------------------------------------------------------------- */ /* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */ #wpadminbar { min-height: 32px; } /* Search in the header */ /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ /* Secondary Navigation */ .secondary-navigation { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 12px; margin: 48px 0; } .secondary-navigation a { padding: 9px 0; } .menu-toggle { background-color: #000; border-radius: 0; cursor: pointer; height: 48px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; right: 0; text-align: center; width: 48px; } .menu-toggle:before { color: #fff; content: "\f419"; padding: 16px; } .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover { background-color: #444; } .menu-toggle:focus { outline: 1px dotted; } /** * 6.0 Content * ----------------------------------------------------------------------------- */ /** * 6.1 Post Thumbnail * ----------------------------------------------------------------------------- */ .post-thumbnail { background: #b2b2b2 url(images/pattern-light.svg) repeat fixed; display: block; position: relative; width: 100%; z-index: 0; } a.post-thumbnail:hover { background-color: #999; } .full-width .post-thumbnail img { display: block; margin: 0 auto; } /** * 6.2 Entry Header * ----------------------------------------------------------------------------- */ .entry-header { position: relative; z-index: 1; } .entry-title a { color: #2b2b2b; } .entry-title a:hover { color: #41a62a; } /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ .entry-meta { clear: both; color: #767676; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-meta a { color: #767676; } .entry-meta a:hover { color: #41a62a; } .sticky .entry-date { display: none; } .cat-links { font-weight: 900; text-transform: uppercase; } .cat-links a { color: #2b2b2b; } .cat-links a:hover { color: #41a62a; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .site-content footer.entry-meta { margin: 24px auto 0; padding: 0 10px; } /* Tag links style */ .entry-meta .tag-links a { background-color: #767676; border-radius: 0 2px 2px 0; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; line-height: 1.2727272727; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transform: uppercase; } .entry-meta .tag-links a:hover { background-color: #41a62a; color: #fff; } .entry-meta .tag-links a:before { border-top: 10px solid transparent; border-right: 8px solid #767676; border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; top: 0; left: -8px; width: 0; } .entry-meta .tag-links a:hover:before { border-right-color: #41a62a; } .entry-meta .tag-links a:after { background-color: #fff; border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; left: -2px; width: 4px; } /** * 6.4 Entry Content * ----------------------------------------------------------------------------- */ .page .entry-content { padding-top: 0; } .entry-content table, .comment-content table { font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; } .entry-content th, .comment-content th { font-weight: 700; padding: 8px; text-transform: uppercase; } .entry-content td, .comment-content td { padding: 8px; } .entry-content .edit-link { clear: both; display: block; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-content .edit-link a { color: #767676; text-decoration: none; } .entry-content .edit-link a:hover { color: #41a62a; } /* Mediaelements */ .hentry .mejs-container { margin: 12px 0 18px; } .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #000; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #24890d; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, .33); } .hentry .mejs-container .mejs-controls .mejs-time { padding-top: 9px; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .hentry .mejs-overlay-loading { background: transparent; } .hentry .mejs-overlay-button { background-color: #fff; background-image: none; border-radius: 2px; box-shadow: 1px 1px 1px rgba(0,0,0,.8); color: #000; height: 36px; margin-left: -24px; width: 48px; } .hentry .mejs-overlay-button:before { -webkit-font-smoothing: antialiased; content: '\f452'; display: inline-block; font: normal 32px/1.125 Genericons; position: absolute; top: 1px; left: 10px; } .hentry .mejs-controls .mejs-button button:focus { outline: none; } .hentry .mejs-controls .mejs-button button { -webkit-font-smoothing: antialiased; background: none; color: #fff; display: inline-block; font: normal 16px/1 Genericons; } .hentry .mejs-playpause-button.mejs-play button:before { content: '\f452'; } .hentry .mejs-playpause-button.mejs-pause button:before { content: '\f448'; } .hentry .mejs-volume-button.mejs-mute button:before { content: '\f109'; font-size: 20px; position: absolute; top: -2px; left: 0; } .hentry .mejs-volume-button.mejs-unmute button:before { content: '\f109'; left: 0; position: absolute; top: 0; } .hentry .mejs-fullscreen-button button:before { content: '\f474'; } .hentry .mejs-fullscreen-button.mejs-unfullscreen button:before { content: '\f406'; } .hentry .mejs-overlay:hover .mejs-overlay-button { background-color: #24890d; color: #fff; } .hentry .mejs-controls .mejs-button button:hover { color: #41a62a; } .content-sidebar .wp-playlist-item .wp-playlist-caption { color: #000; } /* Page links */ .page-links { clear: both; font-size: 12px; font-weight: 900; line-height: 2; margin: 24px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; display: inline-block; height: 22px; margin: 0 1px 2px 0; text-align: center; width: 22px; } .page-links a { background: #000; border: 1px solid #000; color: #fff; text-decoration: none; } .page-links a:hover { background: #41a62a; border: 1px solid #41a62a; color: #fff; } .page-links > .page-links-title { height: auto; margin: 0; padding-right: 7px; width: auto; } /** * 6.5 Gallery * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 6.6 Post Formats * ----------------------------------------------------------------------------- */ .format-aside .entry-content, .format-aside .entry-summary, .format-quote .entry-content, .format-quote .entry-summary, .format-link .entry-content, .format-link .entry-summary { padding-top: 0; } .site-content .format-link .entry-title, .site-content .format-aside .entry-title, .site-content .format-quote .entry-title { display: none; } /** * 6.7 Post/Image/Paging Navigation * ----------------------------------------------------------------------------- */ .nav-links { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; border-top: 1px solid rgba(0, 0, 0, 0.1); hyphens: auto; word-wrap: break-word; } .post-navigation, .image-navigation { margin: 24px auto 48px; max-width: 474px; padding: 0 10px; } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 11px 0 12px; width: 100%; } .post-navigation .meta-nav { color: #767676; display: block; font-size: 12px; font-weight: 900; line-height: 2; text-transform: uppercase; } .post-navigation a, .image-navigation a { color: #2b2b2b; display: block; font-size: 14px; font-weight: 700; line-height: 1.7142857142; text-transform: none; } .post-navigation a:hover, .image-navigation a:hover { color: #41a62a; } /* Paging Navigation */ .paging-navigation {clear: both; margin: 50px 0} .paging-navigation .loop-pagination {display: block; margin: 0; text-align: center} .paging-navigation .page-numbers {display: inline-block; margin: 6px 2px; width: 36px; height: 36px; padding: 0; border: 1px solid #FFF; background: #E1C05B; line-height: 36px; font-size: 20px; color: #FFF} .paging-navigation a {color: #2b2b2b} .paging-navigation .page-numbers.current {border: 1px solid #DEDEDE; background: #FFF; color: #000} .paging-navigation a:hover, .paging-navigation a:focus {color: #2b2b2b; text-decoration: none;} .paging-navigation .dots {border: 0; background: none; color: #000} /** * 6.8 Attachments * ----------------------------------------------------------------------------- */ .attachment .content-sidebar, .attachment .post-thumbnail { display: none; } .attachment .entry-content { padding-top: 0; } .attachment footer.entry-meta { text-transform: none; } .entry-attachment .attachment { margin-bottom: 24px; } /** * 6.9 Archives * ----------------------------------------------------------------------------- */ .taxonomy-description, .author-description { color: #767676; font-size: 14px; line-height: 1.2857142857; padding-top: 18px; } .taxonomy-description p, .author-description p { margin-bottom: 18px; } .taxonomy-description p:last-child, .author-description p:last-child { margin-bottom: 0; } .taxonomy-description a, .author-description a { text-decoration: underline; } .taxonomy-description a:hover, .author-description a:hover { text-decoration: none; } /** * 6.10 Contributor Page * ----------------------------------------------------------------------------- */ .contributor { border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 48px 10px; } .contributor:first-of-type { padding-top: 24px; } .contributor-info { margin: 0 auto; max-width: 474px; } .contributor-avatar { border: 1px solid rgba(0, 0, 0, 0.1); float: left; margin: 0 30px 20px 0; padding: 2px; } .contributor-name { font-size: 16px; font-weight: 900; line-height: 1.5; margin: 0; } .contributor-bio a { text-decoration: underline; } .contributor-bio a:hover { text-decoration: none; } .contributor-posts-link { display: inline-block; line-height: normal; padding: 10px 30px; } .contributor-posts-link:before { content: "\f443"; } /** * 6.11 404 Page * ----------------------------------------------------------------------------- */ .error404 .page-content { padding-top: 0; } .error404 .page-content .search-form { margin-bottom: 24px; } /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ .full-width .hentry { max-width: 100%; } /** * 6.13 Singular * ----------------------------------------------------------------------------- */ .singular .site-content .hentry.has-post-thumbnail { margin-top: -48px; } /** * 6.14 Comments * ----------------------------------------------------------------------------- */ .comments-area { margin: 48px auto; max-width: 474px; padding: 0 10px; } .comment-reply-title, .comments-title { font: 900 16px/1.5 Lato, sans-serif; margin: 0; text-transform: uppercase; } .comment-list { list-style: none; margin: 0 0 48px 0; } .comment-author { font-size: 14px; line-height: 1.7142857142; } .comment-list .reply, .comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase; } .comment-list .reply { margin-top: 24px; } .comment-author .fn { font-weight: 900; } .comment-author a { color: #2b2b2b; } .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a { color: #767676; } .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover { color: #41a62a; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px; } .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0; } .comment-author { position: relative; } .comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px; } .bypostauthor > article .fn:before { content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px; } .says { display: none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 30px; } .comment-edit-link { margin-left: 10px; } .comment-edit-link:before { content: "\f411"; } .comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 2px; } .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .comment-content ul, .comment-content ol { margin: 0 0 24px 22px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .children { list-style: none; margin-left: 15px; } .comment-respond { margin-bottom: 24px; padding: 0; } .comment .comment-respond { margin-top: 24px; } .comment-respond h3 { margin-top: 0; margin-bottom: 24px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #767676; } .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 14px; line-height: 1.7142857142; } .no-comments { font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase; } .comment-form label { display: block; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5; } .required { color: #c0392b; } .comment-reply-title small a { color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px; } .comment-reply-title small a:hover { color: #41a62a; } .comment-reply-title small a:before { content: "\f405"; font-size: 32px; } .comment-navigation { font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase; } .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block; } .comment-navigation .nav-previous a { margin-right: 10px; } #comment-nav-above { margin-top: 36px; margin-bottom: 0; } /** * 7.0 Sidebars * ----------------------------------------------------------------------------- */ /* Secondary */ #secondary { background-color: #000; border-top: 1px solid #000; border-bottom: 1px solid rgba(255, 255, 255, 0.2); clear: both; color: rgba(255, 255, 255, 0.7); margin-top: -1px; padding: 0 10px; position: relative; z-index: 2; } .site-description { display: none; font-size: 12px; font-weight: 400; line-height: 1.5; } /* Primary Sidebar */ .primary-sidebar { padding-top: 48px; } .secondary-navigation + .primary-sidebar { padding-top: 0; } /* Content Sidebar */ .content-sidebar { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #767676; padding: 48px 10px 0; } /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ /* Primary Sidebar, Footer Sidebar */ /* Calendar Widget*/ .widget_calendar table { line-height: 2; margin: 0; } .widget_calendar caption { color: #fff; font-weight: 700; line-height: 1.7142857142; margin-bottom: 18px; text-align: left; text-transform: uppercase; } .widget_calendar thead th { background-color: rgba(255, 255, 255, 0.1); } .widget_calendar tbody td, .widget_calendar thead th { text-align: center; } .widget_calendar tbody a { background-color: #24890d; color: #fff; display: block; } .widget_calendar tbody a:hover { background-color: #41a62a; } .widget_calendar tbody a:hover { color: #fff; } .widget_calendar #prev { padding-left: 5px; } .widget_calendar #next { padding-right: 5px; text-align: right; } /* Ephemera Widget*/ .widget_twentyfourteen_ephemera > ol > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 18px; padding: 0; } .widget_twentyfourteen_ephemera .hentry { margin: 0; max-width: 100%; } .widget_twentyfourteen_ephemera .entry-title, .widget_twentyfourteen_ephemera .entry-meta, .widget_twentyfourteen_ephemera .wp-caption-text, .widget_twentyfourteen_ephemera .post-format-archive-link, .widget_twentyfourteen_ephemera .entry-content table { font-size: 12px; line-height: 1.5; } .widget_twentyfourteen_ephemera .entry-title { display: inline; font-weight: 400; } .widget_twentyfourteen_ephemera .entry-meta { margin-bottom: 18px; } .widget_twentyfourteen_ephemera .entry-meta a { color: rgba(255, 255, 255, 0.7); } .widget_twentyfourteen_ephemera .entry-meta a:hover { color: #41a62a; } .widget_twentyfourteen_ephemera .entry-content ul, .widget_twentyfourteen_ephemera .entry-content ol { margin: 0 0 18px 20px; } .widget_twentyfourteen_ephemera .entry-content ul { list-style: disc; } .widget_twentyfourteen_ephemera .entry-content ol { list-style: decimal; } .widget_twentyfourteen_ephemera .entry-content li > ul, .widget_twentyfourteen_ephemera .entry-content li > ol { margin: 0 0 0 20px; } .widget_twentyfourteen_ephemera .entry-content th, .widget_twentyfourteen_ephemera .entry-content td { padding: 6px; } .widget_twentyfourteen_ephemera .post-format-archive-link { font-weight: 700; text-transform: uppercase; } /* List Style Widgets*/ .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 0 9px; } .widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child { border-top: 0; } .widget_categories li ul, .widget_nav_menu li ul, .widget_pages li ul { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 9px; } .widget_categories li li:last-child, .widget_nav_menu li li:last-child, .widget_pages li li:last-child { padding-bottom: 0; } /* Recent Posts Widget */ .widget_recent_entries .post-date { display: block; } /* RSS Widget */ .rsswidget img { margin-top: -4px; } .rssSummary { margin: 9px 0; } .rss-date { display: block; } .widget_rss li { margin-bottom: 18px; } .widget_rss li:last-child { margin-bottom: 0; } /* Text Widget */ .widget_text > div > :last-child { margin-bottom: 0; } /** * 7.2 Content Sidebar Widgets * ----------------------------------------------------------------------------- */ .content-sidebar .widget a { color: #24890d; } .content-sidebar .widget a:hover { color: #41a62a; } .content-sidebar .widget pre { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget mark, .content-sidebar .widget ins { color: #2b2b2b; } .content-sidebar .widget abbr[title] { border-color: #2b2b2b; } .content-sidebar .widget fieldset { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget blockquote { color: #767676; } .content-sidebar .widget blockquote cite { color: #2b2b2b; } .content-sidebar .widget li > ol, .content-sidebar .widget li > ul { margin-left: 18px; } .content-sidebar .widget table, .content-sidebar .widget th, .content-sidebar .widget td { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget del { color: #767676; } .content-sidebar .widget hr { background-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget input, .content-sidebar .widget textarea { background-color: #fff; border-color: rgba(0, 0, 0, 0.1); color: #2b2b2b; } .content-sidebar .widget input:focus, .content-sidebar .widget textarea:focus { border-color: rgba(0, 0, 0, 0.3); } .content-sidebar .widget input[type="button"], .content-sidebar .widget input[type="reset"], .content-sidebar .widget input[type="submit"] { background-color: #24890d; border: 0; color: #fff; } .content-sidebar .widget input[type="button"]:hover, .content-sidebar .widget input[type="button"]:focus, .content-sidebar .widget input[type="reset"]:hover, .content-sidebar .widget input[type="reset"]:focus, .content-sidebar .widget input[type="submit"]:hover, .content-sidebar .widget input[type="submit"]:focus { background-color: #41a62a; } .content-sidebar .widget input[type="button"]:active, .content-sidebar .widget input[type="reset"]:active, .content-sidebar .widget input[type="submit"]:active { background-color: #55d737; } .content-sidebar .widget .wp-caption { color: #767676; } .content-sidebar .widget .widget-title { border-top: 5px solid #000; color: #2b2b2b; font-size: 14px; font-weight: 900; margin: 0 0 18px; padding-top: 7px; text-transform: uppercase; } .content-sidebar .widget .widget-title a { color: #2b2b2b; } .content-sidebar .widget .widget-title a:hover { color: #41a62a; } /* List Style Widgets*/ .content-sidebar .widget_archive li, .content-sidebar .widget_categories li, .content-sidebar .widget_links li, .content-sidebar .widget_meta li, .content-sidebar .widget_nav_menu li, .content-sidebar .widget_pages li, .content-sidebar .widget_recent_comments li, .content-sidebar .widget_recent_entries li, .content-sidebar .widget_categories li ul, .content-sidebar .widget_nav_menu li ul, .content-sidebar .widget_pages li ul { border-color: rgba(0, 0, 0, 0.1); } /* Calendar Widget */ .content-sidebar .widget_calendar caption { color: #2b2b2b; font-weight: 900; } .content-sidebar .widget_calendar thead th { background-color: rgba(0, 0, 0, 0.02); } .content-sidebar .widget_calendar tbody a, .content-sidebar .widget_calendar tbody a:hover { color: #fff; } /* Ephemera widget*/ .content-sidebar .widget_twentyfourteen_ephemera .widget-title { line-height: 1.2857142857; padding-top: 1px; } .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before { background-color: #000; color: #fff; margin: -1px 9px 0 0; padding: 6px 0 9px; text-align: center; vertical-align: middle; width: 36px; } .content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before { content: "\f104"; } .content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before { content: "\f109"; } .content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before { content: "\f473"; } .content-sidebar .widget_twentyfourteen_ephemera .gallery.widget-title:before { content: "\f103"; } .content-sidebar .widget_twentyfourteen_ephemera .aside.widget-title:before { content: "\f101"; } .content-sidebar .widget_twentyfourteen_ephemera .quote.widget-title:before { content: "\f106"; } .content-sidebar .widget_twentyfourteen_ephemera .link.widget-title:before { content: "\f107"; } .content-sidebar .widget_twentyfourteen_ephemera > ol > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .content-sidebar .widget_twentyfourteen_ephemera .entry-meta { color: #ccc; } .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a { color: #767676; } .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover { color: #41a62a; } .content-sidebar.widget_twentyfourteen_ephemera blockquote cite { font-size: 13px; line-height: 1.3846153846; } .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link { font-weight: 900; } /** * 9.0 Featured Content * ----------------------------------------------------------------------------- */ .featured-content { background: #000 url(images/pattern-dark.svg) repeat fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; } .featured-content-inner { overflow: hidden; } .featured-content .hentry { color: #fff; margin: 0; max-width: 100%; width: 100%; } .featured-content .post-thumbnail, .featured-content .post-thumbnail:hover { background: transparent; } .featured-content .post-thumbnail { display: block; position: relative; padding-top: 55.357142857%; overflow: hidden; } .featured-content .post-thumbnail img { left: 0; position: absolute; top: 0; } .featured-content .entry-header { background-color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 96px; overflow: hidden; padding: 24px 10px; } .featured-content a { color: #fff; } .featured-content a:hover { color: #41a62a; } .featured-content .entry-meta { color: #fff; font-size: 11px; font-weight: 700; line-height: 1.0909090909; margin-bottom: 12px; } .featured-content .cat-links { font-weight: 700; } .featured-content .entry-title { font-size: 18px; font-weight: 300; line-height: 1.3333333333; margin: 0; text-transform: uppercase; } /* Slider */ .slider .featured-content .hentry { -webkit-backface-visibility: hidden; display: none; position: relative; } .slider .featured-content .post-thumbnail { padding-top: 55.49132947%; } .slider-control-paging { background-color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; list-style: none; margin: -24px 0 0 0; position: relative; width: 100%; z-index: 3; } .slider-control-paging li { float: left; margin: 2px 4px 2px 0; } .slider-control-paging li:last-child { margin-right: 0; } .slider-control-paging a { cursor: pointer; display: block; height: 44px; position: relative; text-indent: -999em; width: 44px; } .slider-control-paging a:before { background-color: #4d4d4d; content: ""; height: 12px; left: 10px; position: absolute; top: 16px; width: 12px; } .slider-control-paging a:hover:before { background-color: #41a62a; } .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before { background-color: #24890d; } .slider-direction-nav { clear: both; list-style: none; margin: 0; position: relative; width: 100%; z-index: 3; } .slider-direction-nav li { border-color: #fff; border-style: solid; border-width: 2px 1px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; width: 50%; } .slider-direction-nav li:last-child { border-width: 2px 0 0 1px; } .slider-direction-nav a { background-color: #000; display: block; font-size: 0; height: 46px; } .slider-direction-nav a:hover { background-color: #24890d; } .slider-direction-nav a:before { color: #fff; content: "\f430"; font-size: 32px; line-height: 46px; } .slider-direction-nav .slider-next:before { content: "\f429"; } .slider-direction-nav .slider-disabled { display: none; } /** * 10.0 Multisite * ----------------------------------------------------------------------------- */ .site-main .widecolumn { padding-top: 72px; width: auto; } .site-main .mu_register, .widecolumn > h2, .widecolumn > form { margin: 0 auto 48px; max-width: 474px; padding: 0 30px; } .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 90%; } .site-main .mu_register input[type="submit"], .widecolumn #submit { font-size: inherit; width: auto; } /* News list */ body.list-view .news-list .hentry { margin: 0 0 20px 0; padding: 0; border: 0; } body.list-view .news-list .entry-header { margin: 0; padding: 0; font-size: 16px; line-height: 28px; font-weight: 400; } body.list-view .news-list .hentry .text-muted { font-size: 14px; } /** * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 400px) { .list-view .site-content .post-thumbnail { background: none; width: auto; z-index: 2; } .list-view .site-content .post-thumbnail img { float: left; margin: 0 10px 3px 0; width: 84px; } .list-view .site-content .entry-header { background-color: transparent; padding: 0; } .list-view .content-area { padding-left: 10px; padding-right: 10px; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; min-height: 60px; padding: 12px 0 9px; } .list-view .site-content .cat-links, .list-view .site-content .type-post .entry-content, .list-view .site-content .type-page .entry-content, .list-view .site-content .type-post .entry-summary, .list-view .site-content .type-page .entry-summary, .list-view .site-content footer.entry-meta { display: none; } .list-view .site-content .entry-title { clear: none; font-size: 15px; font-weight: 900; line-height: 1.2; margin-bottom: 6px; text-transform: none; } .list-view .site-content .format-aside .entry-title, .list-view .site-content .format-link .entry-title, .list-view .site-content .format-quote .entry-title { display: block; } .list-view .site-content .entry-meta { background-color: transparent; clear: none; margin: 0; text-transform: none; } .error404 .page-header { border-bottom: 0; margin: 0 auto 24px; padding: 0 10px; } } @media screen and (min-width: 401px) { a.post-thumbnail:hover img { opacity: 0.85; } .full-size-link:before, .parent-post-link:before, .site-content span + .byline:before, .site-content span + .comments-link:before, .site-content span + .edit-link:before, .site-content span + .entry-date:before { content: ""; } .attachment span.entry-date:before, .entry-content .edit-link a:before, .entry-meta .edit-link a:before, .site-content .byline a:before, .site-content .comments-link a:before, .site-content .entry-date a:before, .site-content .featured-post:before, .site-content .full-size-link a:before, .site-content .parent-post-link a:before, .site-content .post-format a:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .site-content .entry-meta > span { margin-right: 10px; } .site-content .format-video .post-format a:before { content: "\f104"; } .site-content .format-audio .post-format a:before { content: "\f109"; } .site-content .format-image .post-format a:before { content: "\f473"; } .site-content .format-quote .post-format a:before { content: "\f106"; margin-right: 2px; } .site-content .format-gallery .post-format a:before { content: "\f103"; margin-right: 4px; } .site-content .format-aside .post-format a:before { content: "\f101"; margin-right: 2px; } .site-content .format-link .post-format a:before { content: "\f107"; position: relative; top: 1px; } .site-content .featured-post:before { content: "\f308"; margin-right: 3px; position: relative; top: 1px; } .site-content .entry-date a:before, .attachment .site-content span.entry-date:before { content: "\f303"; margin-right: 1px; position: relative; top: 1px; } .site-content .byline a:before { content: "\f304"; } .site-content .comments-link a:before { content: "\f300"; margin-right: 2px; } .entry-content .edit-link a:before, .entry-meta .edit-link a:before { content: "\f411"; } .site-content .full-size-link a:before { content: "\f402"; margin-right: 1px; } .site-content .parent-post-link a:before { content: "\f301"; } .list-view .site-content .hentry { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 48px; } .list-view .site-content .hentry:first-of-type, .list-view .site-content .hentry.has-post-thumbnail { border-top: 0; padding-top: 0; } .error404 .page-header { margin-bottom: 24px; } } @media screen and (min-width: 673px) { .search-box .search-field { width: 50%; } .content-area { float: left; width: 100%; } .site-content { margin-right: 33.33333333%; } .site-content .has-post-thumbnail .entry-header { margin-top: 0; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .full-width .site-content { margin-right: 0; } #secondary, #supplementary { padding: 0 30px; } .content-sidebar { border: 0; float: right; margin-left: -33.33333333%; padding: 48px 30px 24px; position: relative; width: 33.33333333%; } .grid .featured-content .hentry { float: left; width: 50%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: both; } .grid .featured-content .entry-header { border-color: #000; border-style: solid; border-width: 12px 10px; height: 96px; padding: 0; } .slider .featured-content .entry-title { font-size: 22px; line-height: 1.0909090909; } .slider .featured-content .entry-header { min-height: inherit; padding: 24px 30px 48px; position: absolute; left: 0; bottom: 0; width: 50%; z-index: 3; } .slider-control-paging { background: transparent; margin-top: -48px; padding-left: 20px; width: 50%; } .slider-direction-nav { clear: none; float: right; margin-top: -48px; width: 98px; } .slider-direction-nav li { border: 0; padding: 0 1px 0 0; } .slider-direction-nav li:last-child { padding: 0 0 0 1px; } .slider-direction-nav a { height: 48px; } .slider-direction-nav a:before { line-height: 48px; } .site-info { padding: 15px 30px; } } @media screen and (min-width: 783px) { /* Fixed Header */ .masthead-fixed .site-header { position: fixed; top: 0; } .admin-bar.masthead-fixed .site-header { top: 32px; } /* Navigation */ .site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a { color: #fff; } } @media screen and (min-width: 810px) { .attachment .entry-attachment .attachment { margin-right: -168px; margin-left: -168px; max-width: 810px; } .attachment .site-content .attachment img { display: block; margin: 0 auto; } .contributor-avatar { margin-left: -168px; } .contributor-summary { float: left; } .full-width .site-content blockquote.alignleft, .full-width .site-content blockquote.alignright { width: -webkit-calc(50% + 130px); width: calc(50% + 130px); } .full-width .site-content .alignleft { clear: left; } .full-width .site-content blockquote.alignright, .full-width .site-content img.size-full.alignright, .full-width .site-content img.size-large.alignright, .full-width .site-content img.size-medium.alignright, .full-width .site-content .wp-caption.alignright { margin-right: -168px; } .full-width .site-content .alignright { clear: right; } } @media screen and (min-width: 846px) { .comment-list .trackback, .comment-list .pingback, .comment-list article { margin-bottom: 36px; padding-top: 36px; } .comment-author .avatar { height: 34px; top: 2px; width: 34px; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 50px; } .comment-list .children { margin-left: 20px; } .full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: -72px; } body.search-results.full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: 0; } .featured-content { margin-bottom: 0; } } @media screen and (min-width: 1008px) { .site-content .has-post-thumbnail .entry-header { margin-top: 0; } .content-sidebar { margin-left: -29.04761904%; width: 29.04761904%; } #secondary { background-color: transparent; border: 0; clear: none; float: left; margin: 0 0 0 -100%; min-height: 100vh; width: 122px; } .primary-sidebar { padding-top: 0; } .site-description { display: block; margin: 0 0 18px; } .site-description:empty { margin: 0; } .secondary-navigation { font-size: 11px; margin: 0 -30px 48px; width: 182px; } .secondary-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .secondary-navigation a { padding: 10px 30px; } .secondary-navigation ul ul { background-color: #24890d; position: absolute; top: 0; left: -999em; width: 182px; z-index: 99999; } .secondary-navigation li li { border-top: 0; } .secondary-navigation li:hover > a, .secondary-navigation li.focus > a { background-color: #24890d; color: #fff; } .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a { background-color: #41a62a; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 162px; } .secondary-navigation .menu-item-has-children > a { padding-right: 38px; } .secondary-navigation .menu-item-has-children > a:after { -webkit-font-smoothing: antialiased; content: "\f501"; display: inline-block; font: normal 8px/1 Genericons; position: absolute; right: 26px; top: 14px; vertical-align: text-bottom; } .featured-content { padding-left: 182px; } .grid .featured-content .hentry { width: 33.3333333%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: none; } .grid .featured-content .hentry:nth-child( 3n+1 ) { clear: both; } .grid .featured-content .entry-header { height: 120px; } } @media screen and (min-width: 1080px) { .search-box .search-field { width: 250px; } #secondary { width: 162px; } .secondary-navigation, .secondary-navigation ul ul { width: 222px; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 202px; } .slider .featured-content .entry-title { font-size: 33px; } .slider .featured-content .entry-header, .slider-control-paging { width: 534px; } .slider-control-paging { padding-left: 24px; } .slider-control-paging li { margin: 12px 12px 12px 0; } .slider-control-paging a { height: 24px; width: 24px; } .slider-control-paging a:before { top: 6px; left: 6px; } } @media screen and (min-width: 1218px) { .archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta { margin-right: 54px; } .full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .post-navigation, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta { margin-right: auto; } } @media screen and (min-width: 1260px) { .site-content blockquote.alignleft, .site-content blockquote.alignright { width: -webkit-calc(50% + 18px); width: calc(50% + 18px); } .site-content blockquote.alignleft { margin-left: -18%; } .site-content blockquote.alignright { margin-right: -18%; } } /* => Mobile */ /* ------------------------------------------------------------------------------*/ html, body { width: 100%; overflow: hidden; } html { overflow-y: auto; } .btn-open-panel { display: none; float: left; width: 50px; height: 50px; line-height: 50px; margin: 0; padding: 0; font-size: 26px; color: #fff; text-align: center; border-right: 1px solid rgba(255,255,255, .6); cursor: pointer; } .m-panel { display: none; width: 85%; position: absolute; top: 130px; left: -85%; background-color: #000; } .m-panel .main-nav { margin: 0; padding: 0; list-style: none; } .m-panel .main-nav li { margin: 0; padding: 0; position: relative; } .m-panel .main-nav a { display: block; padding: 15px 20px; font-size: 18px; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255, .6); z-index: 1; } .m-panel .main-nav li ul a { padding: 10px 20px; font-size: 16px; text-transform: none; background-color: #444; } .m-panel .main-nav > li > ul { display: none; margin: 0; padding: 0; list-style: none; } .m-panel .main-nav > .current-menu-item > ul, .m-panel .main-nav > .current-menu-paren > ul, .m-panel .main-nav > .current-menu-ancestor > ul { display: block; } .m-panel .m-open-subnav { width: 45px; border-left: 1px solid rgba(255,255,255, .6); background-image: url('img/plus.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 14px; position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer; } .m-panel .m-open-subnav.m-close { background-image: url('img/minus.png'); } /* Country */ .m-panel .country { clear: both; float: none; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255, .6); } .m-panel .country span { display: none; } .m-panel .country a { float: left; width: 50%; padding: 10px; color: #fff; text-transform: uppercase; text-align: center; } .m-panel .country a:first-child { border-right: 1px solid rgba(255,255,255, .6); } .container { width: 100%; max-width: 1200px; } @media screen and (max-width: 1220px) { .main-nav-wrap .main-nav > li > a { padding-left: 15px; padding-right: 15px; } .main-nav-wrap .main-nav > li.menu-item-eshop > a { padding-right: 25px; } .main-nav-wrap .main-nav { float: right; } } @media screen and (max-width: 1200px) { .product-categories .col-lg-3 { margin-bottom: 55px; width: 50%; float: left; } .product-categories .col-lg-3 a { text-align: center; } .product-categories .col a::after, .product-grid .col a::after, .product-categories a span { border-bottom: 3px solid #000; } .main-nav-wrap .main-nav { margin: 20px 0 0 237px; } #search-container { display: block; } /*.search-box-toggle { display: block; float: right; margin: 20px 0 0; padding: 26px 8px; } .search-box { display: none; width: 100%; max-width: 315px; position: absolute; padding: 10px; top: 94px; right: 0; background-color: #000; z-index: 3; } form.search-form { float: none; position: relative; } form.search-form label { display: block; }*/ form.search-form .search-field { width: 250px; } .map { display: none; } .contacts-list .separator { display: none; } .contacts-list .row-est-contacts, .contacts-list .row-lat-contacts, .contacts-list .row-lit-contacts { margin: 0 10px; } .contacts-list .row-est-contacts, .contacts-list .row-lat-contacts { border-bottom: 1px solid #999; } div[class*='row-est-contacts'] .col-lg-7, div[class*='row-lat-contacts'] .col-lg-7, div[class*='row-lit-contacts'] .col-lg-7 { height: auto; } .contact-collapse { background: none; border: 0; padding: 0 10px; } .site-footer .fb { margin-top: 50px; } } @media screen and (max-width: 1000px) { .site-header { background-color: #000; height: auto; } .site-title, .site-title a { width: 100%; background-size: auto 100%; } .site-title a { height: 85px; background-position: left 5px; background-size: auto 75px; } .main-nav-wrap { height: 50px; } .main-nav-wrap .main-nav { display: none; } .btn-open-panel { display: block; } .m-panel-open .m-panel { display: block; left: 0; } .page-wrap { position: relative; left: 0; } .m-panel-open .page-wrap { left: 85%; padding-left: 10px; } #menu-basket a { width: 85px; height: 50px; background-position: 85% 50%; } #menu-basket #basket-count { border: 0; top: 50%; margin-top: -10px; } .search-box-toggle { display: block; float: right; margin: 0; padding: 26px 8px; padding-top: 15px; padding-bottom: 15px; } .search-box { display: none; width: 100%; max-width: 315px; position: absolute; padding: 10px; top: 50px; right: 0; background-color: #000; z-index: 3; } } @media screen and (max-width: 990px) { .product-categories .col-xs-6, .product-grid .col-xs-6 { margin-bottom: 55px; width: 33%; } .product-categories a { margin-bottom: 20px; } .product-categories img { width: 100%; } .product-categories .col-lg-3 img { max-width: 280px; } .moet-page .countdown-row h2 { display: block; font: 18px 'Times New Roman', serif !important; margin-right: 0; } } @media screen and (max-width: 768px) { #header-slider, .header-strip { display: none; } .header-grand { margin-top: -105px !important; } .header-grand .title { line-height: 30px; } .site-header { height: 185px; position: relative; } .main-nav-wrap { top: -2px; } .m-panel { top: 195px; } .site-header .row-1 .langselect { display: none; } .main-nav-wrap .langselect { margin: 11px 0 0 10px; } #langselect:hover { background-color: #000; } .product-categories .col-xs-6, .product-grid .col-xs-6 { width: 50%; } .product-categories .col-lg-3 img { max-width: 100%; } .search-form-block input { min-width: inherit; } .contacts-list .btn-collapse { position: static; display: block; margin-top: -10px; padding: 15px 0; } .header-strip {height: 143px} } @media screen and (max-width: 640px) { .footer-sidebar .widget { float: none; width: 100%; text-align: center; } } @media screen and (max-width: 480px) { .product-categories .col-xs-6, .product-grid .col-xs-6 { float: none; width: 100%; } .product-categories .col-lg-3 { margin-bottom: 55px; width: 100%; float: none; } } /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print { body { background: none !important; /* Brute force since user agents all print differently. */ color: #2b2b2b; font-size: 12pt; } .site, .site-header, .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment { max-width: 100%; } #site-header img, .search-toggle, .site-navigation, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav { display: none; } .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a { color: #2b2b2b; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; } .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header { background: transparent; } .site-title { float: none; font-size: 19pt; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 48px; padding-bottom: 24px; } .post-thumbnail img { margin: 0 10px 24px; } .site-content .has-post-thumbnail .entry-header { padding-top: 0; } .site-content footer.entry-meta { margin: 24px auto; } .entry-meta .tag-links a { color: #fff; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .archive-title, .page-title { margin: 0 10px 48px; } .featured-content .hentry { margin-bottom: 48px; } .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail { padding-top: 0; } .featured-content .post-thumbnail img { position: relative; } .featured-content .entry-header { padding: 0 10px 24px; } .featured-content .entry-meta { font-size: 9pt; margin-bottom: 11px; } .featured-content .cat-links { font-weight: 900; } .featured-content .entry-title { font-size: 25pt; line-height: 36px; } } /* CHANGES */ .logo-slogan { padding: 0; } .dialog-age { position: fixed; overflow: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,.9); } #age-control { height: 100% !important; width: 100% !important; overflow: auto; position: fixed; -webkit-overflow-scrolling: touch; } #age-control .message { min-height: 640px; } #age-control .lang-selector { padding: 140px 0 50px 0; text-align: center; } #age-control .lang-selector a { display: inline-block; text-transform: uppercase; color: #000; text-decoration: none; margin: 0 10px; line-height: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; } #age-control .lang-selector a:hover, #age-control .lang-selector a:focus { color: #E1C05B; text-decoration: none; } #age-control .lang-selector a:first-child::before { content: ""; width: 70px; height: 1px; background: #E1C05B; line-height: 1em; display: inline-block; vertical-align: middle; margin-right: 25px; } #age-control .lang-selector a:last-child::after { content: ""; width: 70px; height: 1px; background: #E1C05B; line-height: 1em; display: inline-block; vertical-align: middle; margin-left: 25px; } .attributes .span { color: #979797; font-size: 14px; margin-left: 48px; } .world-class-recipe h4 { font-family: 'Arial Black', Arial, sans-serif; font-weight: normal; font-size: 24px; } .world-class-recipe p { line-height: 1em; max-width: 100%; height: 5em; display: block; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .world-class-recipe { background: #FFF url(img/world-class.png) no-repeat right 30px bottom 20px; background-size: 150px auto; } .term-world_class .site-content .line-side-title.text-uppercase { font-family: 'Arial Black', Arial, sans-serif; font-weight: normal; color: #000; font-size: 33px; } .term-world_class .line-side-title.text-uppercase span { background: url(img/world-class.png) no-repeat center top; background-size: 180px auto; padding: 55px 0 0 0; } .term-world_class .site-content .line-side-title span:before, .term-world_class .site-content .line-side-title span:after { height: 50px; border-bottom: 3px solid #000; } .joogiekspert article h2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; text-transform: uppercase; margin: 25px 0; color: #333; } .joogiekspert article p { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.9em; color: #666; margin: 25px 0; } .joogiekspert article .button-link { text-align: right; } .joogiekspert article .button-link a { display: inline-block; border-bottom: 9px solid #000; text-transform: uppercase; color: #000; font-size: 16px; text-decoration: none; text-transform: uppercase; text-align: center; padding: 0 60px 15px 40px; font-weight: bold; margin: 30px 0; background: url(img/arrow-right-black.svg) no-repeat 90% top; } .joogiekspert article blockquote { border: none; display: block; margin: 20px 0; padding: 40px 0 0 0; position: relative; text-align: right; } .joogiekspert article blockquote::before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 52px; height: 41px; background: url(img/quote.png) no-repeat center center; } .joogiekspert article blockquote p { font-size: 11px; text-transform: uppercase; margin: 20px 0; font-style: normal; line-height: 1.4em; color: #000; } .joogiekspert article blockquote p strong { font-family: "Times New Roman", serif; font-size: 24px; font-style: italic; text-transform: none; line-height: 1em; } .joogiekspert .row { margin-top: 30px; margin-bottom: 30px; } .joogiekspert article ul, .joogiekspert article ul li { list-style: none; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.9em; color: #666; } .joogiekspert article ul li { background: url(img/weird-bullet.svg) no-repeat left 10px; padding-left: 55px; margin: 15px 0; } .related-products { background: #efefef; padding: 30px 0; margin-top: 50px; } .related-products .line-side-title span { font-size: 36px; } .related-products .line-side-title span:before, .related-products .line-side-title span:after { border-bottom: 1px solid #222221; height: 18px; } .related-products .slider .slides, .related-products .slider .slides li { list-style: none; margin: 0; padding: 0; display: block; background: transparent; } .related-products .flexslider { margin: 0; padding: 0; background: transparent; border: none; position: relative; zoom: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .flexslider:hover .flex-direction-nav .flex-prev { left: 20px; } .flexslider:hover .flex-direction-nav .flex-next { right: 20px; } .flex-direction-nav a { margin: -45px 0 0; } .flex-direction-nav a:before { line-height: 40px; } article.recipe { font-family: Arial, sans-serif; font-size: 14px; } article.recipe p { font-family: Arial, sans-serif; line-height: 1.8em; margin: 20px 0; color: #666; } article.recipe h3 { font-family: Arial, sans-serif; font-weight: bold; font-size: 24px; margin: 15px 0; } article.recipe .koostisosad { margin: 40px 0 50px 0; } article.recipe .koostisosad ul, article.recipe .koostisosad ul li, article.recipe .koostisosad ul li a { margin: 0; padding: 0; list-style: none; text-transform: uppercase; color: #333; font-size: 14px; font-weight: bold; } article.recipe .koostisosad ul li a { text-decoration: underline; } article.recipe .koostisosad ul li a:hover { text-decoration: none; } article.recipe .koostisosad ul { display: block; } article.recipe .koostisosad ul::before, article.recipe .koostisosad ul::after { content: ""; display: block; width: 240px; height: 3px; background: #000; margin: 20px 0; } article.recipe .koostisosad ul li { margin: 5px 0; display: block; } article.recipe .valmistamine h5, article.recipe .garneering h5 { font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 12px; margin: 0; color: #333; } article.recipe .valmistamine p, article.recipe .garneering p { margin: 0; line-height: 1.6em; } article.recipe .valmistamine, article.recipe .garneering { margin: 30px 0; padding-left: 50px; position: relative; } article.recipe .valmistamine::before, article.recipe .garneering::before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 32px; height: 37px; } article.recipe .valmistamine::before { background: url(img/icon-valmistamine.png) no-repeat left top; } article.recipe .garneering::before { background: url(img/icon-garneering.png) no-repeat left top; } article.recipe .author { text-align: center; margin-top: 30px; margin-bottom: 30px; } article.recipe .author p { color: #666; margin: 0 0 30px 0; } article.recipe .author a { color: #333; font-weight: bold; } article.recipe .author img { max-width: 200px; } article.recipe .gallery { margin: 7px 0; text-align: left; } article.recipe .gallery a { display: inline-block; width: 118px; margin: 5px; } article.recipe .gallery a img { display: block; max-width: 100%; height: auto; } article.recipe .product-featured-img { margin-left: 5px; } .tos-caption { display: none; } .cf:before, .cf:after { content: ""; display:table; } .cf:after { clear: both; } .cf { zoom: 1; } @media screen and (max-width: 990px) { article.recipe .gallery { margin: 4px 0; } article.recipe .gallery a { width: 95px; margin: 0; } article.recipe .product-featured-img { margin-left: 0; } } @media screen and (max-width: 767px) { .block-white { padding: 20px; min-height: 0; margin-top: 20px; } .block-white::before, .block-white::after, .block-white:hover::before, .block-white:hover::after { display: none; } .block-white .pull-left { float: none; width: 100%; } .block-white .pull-left img { display: block; max-width: 100%; height: auto; margin: 0 auto 20px auto; } article.recipe .gallery a { width: 97px; } } /* EMBASSY OF CHAMPAGNE */ .logo-embassy { display: block; max-width: 360px; height: auto; float: right; margin: 0 0 30px 0; } .embassy { font-family: Arial, sans-serif; margin-bottom: 60px; } .embassy p { line-height: 2em; color: #666; font-size: 14px; } .embassy p strong { font-size: 18px; color: #333; } .embassy .first { margin-bottom: 60px; } .embassy blockquote { padding: 0; border: none; color: #000; font-family: "Times New Roman", serif; font-size: 24px; width: 80%; } .embassy blockquote p { color: #000; font-family: "Times New Roman", serif; font-size: 24px; line-height: 1.2em; } .embassy blockquote::before { content: ""; display: block; background: url(img/quote.png) no-repeat left top; width: 100%; height: 41px; margin-bottom: 15px; } .embassy .second blockquote:last-child { text-align: right; float: right; } .embassy .second blockquote:last-child::before { background: url(img/quote.png) no-repeat right top; } .embassy h2 { font-weight: bold; font-size: 20px; margin-bottom: 30px; } .embassy .third p strong { font-size: 14px; } .embassy .locations { margin-top: 60px; } .embassy ul { list-style: none; margin: 0; padding: 0; font-size: 14px; } .embassy ul li { background: url(img/bullet.png) no-repeat left center; padding-left: 35px; margin: 10px 0; } .embassy .share-box { border: 1px solid #E3C08A; width: 100%; height: 220px; text-align: center; margin: 20px 0; } .embassy .share-box h2 { font-family: Arial, sans-serif; font-size: 18px; margin: 0 0 20px 0; background: -webkit-linear-gradient(#F0D19D, #C49E67); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .embassy .share-box .icon { display: inline-block; width: 34px; height: 34px; margin: 10px; } .embassy .share-box .icon.fb { background: url(img/fb-icon.png) no-repeat center center; } .embassy .share-box .icon.instagram { background: url(img/instagram-icon.png) no-repeat center center; } .embassy .gallery { margin: 15px 0; } .embassy .gallery:before, .embassy .gallery:after { content: ""; display:table; } .embassy .gallery:after { clear: both; } .embassy .gallery { zoom: 1; } .embassy .gallery .gallery-item { margin: 15px 0 0 0; } .embassy .gallery-columns-2 .gallery-item { max-width: 46%; max-width: -webkit-calc(50% - 15px); max-width: calc(50% - 15px); } .embassy .gallery .gallery-item:nth-child(2n+1) { margin: 15px 30px 0 0; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; height: 100%; vertical-align: middle; } /* WORLD CLASS */ .world-class { margin-bottom: 40px; font-family: Arial, sans-serif; } .world-class .logo { margin-bottom: 50px; } .world-class .first { margin-top: 30px; margin-bottom: 30px; text-align: center; } .world-class p { font-size: 14px; color: #666; line-height: 1.9em; margin: 0 0 30px 0; } .world-class p strong { font-size: 18px; color: #333; } .world-class ul { font-size: 14px; color: #666; line-height: 1.9em; margin: 30px 0; padding: 0; list-style: none; } .world-class ul li { padding: 0 60px; margin-bottom: 25px; background: url(img/weird-bullet.svg) no-repeat left 10px; } .world-class .second { margin-bottom: 30px; } .world-class .third { margin-top: 30px; margin-bottom: 30px; } .world-class .third h2 { font-size: 24px; font-family: Arial, sans-serif; text-transform: none; font-weight: bold; padding: 0 20px; } .world-class .third h3 { font-size: 18px; font-family: Arial, sans-serif; text-transform: none; font-weight: bold; margin: 40px 0 20px 0; padding: 0 20px; } .world-class .third p { margin: 0; padding: 0 20px; } .world-class .third p strong { font-size: 14px; } .world-class .finalists { font-size: 0.01px; text-align: center; margin-top: 60px; } .world-class .finalists h3 { font: bold 24px Arial, sans-serif; text-transform: uppercase; color: #000; max-width: 300px; margin: auto; text-align: center; margin-bottom: 40px; } .world-class .finalists h3 .wide { letter-spacing: 4.5px; } .world-class .finalists h3 .regular { font-weight: normal; } .world-class .finalists .human { display: inline-block; width: 156px; margin-right: 15px; margin-bottom: 40px; vertical-align: top; } .world-class .finalists .human .picture { width: 156px; height: 156px; -webkit-background-size: contain !important; background-size: contain !important; background: #ccc; margin-bottom: 30px; } .world-class .finalists .human.diana .picture { background: url(img/world-class/diana.jpg) center no-repeat; } .world-class .finalists .human.eleriin .picture { background: url(img/world-class/eleriin.jpg) center no-repeat; } .world-class .finalists .human.herkki .picture { background: url(img/world-class/herkki.jpg) center no-repeat; } .world-class .finalists .human.karina .picture { background: url(img/world-class/karina.jpg) center no-repeat; } .world-class .finalists .human.karl .picture { background: url(img/world-class/karl.jpg) center no-repeat; } .world-class .finalists .human.regeri .picture { background: url(img/world-class/regeri.jpg) center no-repeat; } .world-class .finalists .human.sander .picture { background: url(img/world-class/sander.jpg) center no-repeat; } .world-class .finalists .human.sven .picture { background: url(img/world-class/sven.jpg) center no-repeat; } .world-class .finalists .human.danek .picture { background: url(img/world-class/danek.jpg) center no-repeat; } .world-class .finalists .human.risto .picture { background: url(img/world-class/risto.jpg) center no-repeat; } .world-class .finalists .human .name { font: bold 18px Arial, sans-serif; text-transform: uppercase; color: #000; text-align: center; display: block; margin-bottom: 10px; } .world-class .finalists .human .place { font: 14px Arial, sans-serif; color: #000; text-align: center; display: block; white-space: nowrap; } .world-class .fourth { margin-top: 60px; margin-bottom: 60px; } .world-class .fourth p { width: 32%; display: inline-block; text-align: center; margin: 20px 12px 20px 0; } .world-class .fourth a { display: inline-block; width: 100%; border-bottom: 12px solid #000; text-transform: uppercase; color: #000; font-size: 16px; line-height: 1em; text-decoration: none; text-transform: uppercase; text-align: center; padding: 0 40px 20px 40px; font-weight: bold; background: url(img/arrow-right-black.svg) no-repeat 95% top; } .world-class .fifth { margin-bottom: 30px; } .world-class .fifth h2 { font-size: 24px; font-family: Arial, sans-serif; text-transform: none; font-weight: bold; line-height: 1.4em; margin-bottom: 30px; padding-right: 20px; } .world-class .fifth p { margin: 10px 0; } .world-class .fifth a, .world-class .big-btn { display: block; border-bottom: 12px solid #000; text-transform: uppercase; color: #000; font-size: 16px; text-decoration: none; text-transform: uppercase; text-align: center; padding: 0 30px 20px 20px; font-weight: bold; margin: 20px 0; background: url(img/arrow-right-black.svg) no-repeat 95% top; } .world-class .big-btn { max-width: 400px; } .world-class .sixth { margin-bottom: 50px; border-top: 1px solid #000; border-bottom: 1px solid #000; } .world-class .sixth h3 { font-size: 20px; font-family: Arial, sans-serif; text-transform: none; font-weight: bold; line-height: 1.4em; margin-bottom: 20px; } .world-class .sixth a { display: inline-block; text-transform: uppercase; color: #000; font-size: 16px; text-decoration: none; text-transform: uppercase; padding: 0 30px 0 0; font-weight: bold; margin: 10px 100px 10px 0; background: url(img/arrow-right-black.svg) no-repeat right top; } .world-class form { display: block; padding-right: 40px; } .world-class form h1 { font-weight: bold; font-size: 36px; line-height: 1em; margin-bottom: 40px; } .world-class .input-group { display: table; margin: 30px 0; width: 100%; } .world-class .input-group label { display: table-cell; vertical-align: middle; font-size: 12px; line-height: 1em; color: #000; text-transform: uppercase; width: auto; padding: 0; } .world-class .input-group input[type="text"], .world-class .input-group input[type="email"], .world-class .input-group input[type="tel"] { display: table-cell; vertical-align: middle; width: 100%; text-align: left; outline: none; border: none; background: transparent; border-bottom: 1px solid #000; padding: 0; font-size: 14px; color: #000; line-height: 1.5em; margin: 0; } .world-class input[type="submit"] { display: inline-block; border: none; border-bottom: 12px solid #000; text-transform: uppercase; color: #000; font-size: 16px; line-height: normal; outline: none; text-decoration: none; text-align: center; padding: 0 100px 20px 80px; margin: 20px 0; font-weight: bold; background: url(img/arrow-right-black.svg) no-repeat 90% top; } @media screen and (max-width: 1280px) { .intro { max-width: 1000px; height: 316px; } .intro .slidee li { max-width: 1000px; } } @media screen and (max-width: 1100px) { .main-nav-wrap .main-nav > li > a { padding-left: 9px; padding-right: 9px; } } @media screen and (max-width: 1024px) { .main-nav-wrap .main-nav > li > a { padding-left: 7px; padding-right: 7px; } .main-nav-wrap .main-nav > li:fist-child > a { padding-right: 0; } .intro { max-width: 760px; height: 240px; } .intro .slidee li { max-width: 760px; } .intro { margin-bottom: 135px; top: 135px; } .logo-embassy { float: none; margin: 0 auto; } } @media screen and (max-width: 767px) { .agreement { padding: 60px 10px 50px; font-size: 28px; } #age-control .lang-selector { padding: 40px 0 50px 0; } .entry-title, .page-title { font-size: 30px; } .embassy blockquote { width: 100%; } .world-class .fourth p { width: 100%; display: inline-block; text-align: center; margin: 20px 0; } .world-class form { padding-right: 0; } .world-class input[type="submit"] { display: block; width: 100%; } } /* ZONIN PAGE */ .zonin-page * { font-family: Arial, sans-serif; color: #666; } .zonin-page > div > .row { padding-right: 20px; margin-bottom: 60px; } .zonin-page .zonin-prosecco-logo { width: 206px; height: 204px; background: url('img/zonin/zonin-prosecco.png') center no-repeat; -webkit-background-size: contain; background-size: contain; display: block; margin: 40px auto 70px; overflow: hidden; text-indent: -9999px; } .zonin-page .call-to-action { display: block; margin: 0 auto 30px; overflow: hidden; text-indent: -9999px; background: url('img/zonin/opener-header.png') center no-repeat; -webkit-background-size: contain; background-size: contain; width: 407px; height: 129px; } .zonin-page a.register { display: block; margin: 0 auto 30px; width: 318px; border: 1px solid #e3cb9e; padding: 25px 45px; color: #333; text-transform: uppercase; text-align: center; text-decoration: none; transition: .2s ease-in-out; } .zonin-page a.register:hover { background-color: rgba(227,203,158,.5); } .zonin-page .row.opener { position: relative; } .zonin-page .row.opener .hash-tags { position: absolute; right: 20px; bottom: 0; transform: rotate(-90deg) translateX(100%); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; text-transform: uppercase; font-size: 20px; } .zonin-page .row.first .zonin-content { background: url(img/zonin/zonin-row.png) center top no-repeat; width: 100%; text-align: center; padding-top: 85px; margin-top: 50px; } .zonin-page .row.first .zonin-content h3 { text-transform: none; font-weight: bold; font-size: 30px; margin-bottom: 30px; color: #333; } .zonin-page .row.first .images { padding: 0; } .zonin-page .row.first .prosecco-content { background: url(img/zonin/prosecco-row.png) center top no-repeat; width: 100%; text-align: center; padding-top: 85px; margin-top: 50px; } .zonin-page .row.first .prosecco-content h3 { text-transform: none; font-weight: bold; font-size: 30px; margin-bottom: 30px; color: #333; } .zonin-page .row.second { background-color: #fff; padding: 20px; font-size: 12px; } .zonin-page .row.second > div { text-align: center; padding: 40px; } .zonin-page .row.second > div:first-child + div, .zonin-page .row.second > div:first-child + div + div + div { border-left:1px solid #d2d2d2; } .zonin-page .row.second > div:first-child + div + div, .zonin-page .row.second > div:first-child + div + div + div { border-top:1px solid #d2d2d2; } .zonin-page .row.second img { max-height: 393px; } .zonin-page .row.second .wine-title { font-weight: bold; font-size: 18px; color: #333; } .zonin-page .row.second .info { font-size: 0.01px; display: block; margin: 0 auto; } .zonin-page .row.second .info .info-block { width: 33%; font-size: 12px; display: inline-block; vertical-align: top; } .zonin-page .row.second .info .info-block .icon { height: 40px; width: 40px; display: block; margin: 0 auto 25px; } .zonin-page .row.second .info .info-block .temperature { background: url(img/zonin/temperature.svg) center top no-repeat; -webkit-background-size: contain; background-size: contain; } .zonin-page .row.second .info .info-block .food { background: url(img/zonin/food.svg) center top no-repeat; -webkit-background-size: contain; background-size: contain; } .zonin-page .row.second .info .info-block .serving { background: url(img/zonin/serving.svg) center top no-repeat; -webkit-background-size: contain; background-size: contain; } .zonin-page .row.second a { text-transform: uppercase; color: #fff; font-size: 14px; background-color: #000; padding: 25px; display: inline-block; min-width: 210px; text-decoration: none; transition: ease-in-out .2s; } .zonin-page .row.second a:hover { background: #c5a673; } .zonin-page .row.third > div:first-child { padding-left: 0; padding-right: 0; } .zonin-page .row.third > div:first-child img { width: 100%; } .zonin-page .registration { text-align: center; color: #666; } .zonin-page .registration h3 { font-size: 48px; font-weight: bold; color: #333; margin-bottom: 20px; } .zonin-page .registration .description { text-transform: uppercase; font-size: 18px; width: 330px; display: inline-block; margin-bottom: 70px; } .zonin-page .registration label { position: relative; padding-top: 25px; } .zonin-page .registration label input[type="text"], .zonin-page .registration label input[type="email"] { width: 386px; border: 0; border-bottom: 1px solid #999; background: none; } .zonin-page .registration label .label { position: absolute; left: 50%; top: 35px; transform: translateX(-50%); text-transform: uppercase; font-size: 14px; font-weight: normal; cursor: text; transition: ease-in-out .2s; } .zonin-page .registration label.focus .label, .zonin-page .registration label.filled .label{ left: 0; top: 15px; transform: translateX(0); font-size: 10px; } .zonin-page .registration span[role=alert] { display: none; } .zonin-page .registration label input[type="text"][aria-invalid="true"], .zonin-page .registration label input[type="email"][aria-invalid="true"] { border-color: red; color: red; } .zonin-page .registration label.filled input[type="text"][aria-invalid="true"], .zonin-page .registration label.filled input[type="email"][aria-invalid="true"] { border-color: #999; color: #666; } .zonin-page .registration .wpcf7-response-output { display: none !important; } .zonin-page .registration .wpcf7-form-control-wrap.delivery + br { display: none; } .zonin-page .registration .wpcf7-form-control-wrap.delivery, .zonin-page .registration .wpcf7-form-control-wrap.delivery + br + label { display: block; text-align: left; margin: 0 auto; width: 386px; padding-top: 0; font-size: 14px !important; font-weight: normal; } .zonin-page .registration .wpcf7-form-control-wrap.delivery label { font-weight: normal; } .zonin-page .registration .wpcf7-form-control-wrap input[type=checkbox] { display: none; } .zonin-page .registration .wpcf7-checkbox { font-size: 0.01px; } .zonin-page .registration .wpcf7-checkbox .wpcf7-list-item-label, .zonin-page .registration .wpcf7-checkbox .checkbox-label { font-size: 14px; } .zonin-page .registration .checkbox-agree a { text-decoration: underline; } .zonin-page .registration .wpcf7-form-control-wrap.delivery label, .zonin-page .registration .checkbox-agree { position: relative; padding-left: 40px; cursor: pointer; } .zonin-page .registration .wpcf7-form-control-wrap.delivery label:before, .zonin-page .registration .checkbox-agree:before { content: ''; position: absolute; left: 0; bottom: 5px; width: 21px; height: 21px; border: 1px solid #8c8c8c; } .zonin-page .registration .checkbox-agree.not-checked:before { border-color: red; } .zonin-page .registration .wpcf7-form-control-wrap.delivery label:after, .zonin-page .registration .checkbox-agree:after { content: ''; position: absolute; left: 3px; bottom: 8px; width: 15px; height: 15px; background: #000; opacity: 0; transform: scale(0.1) rotate(-180deg); transition: ease-in-out .2s; } .zonin-page .registration .wpcf7-form-control-wrap.delivery label.checked:after, .zonin-page .registration .checkbox-agree.checked:after { opacity: 1; transform: scale(1) rotate(0); } .zonin-page .registration input[type=submit] { display: block; margin: 70px auto 0; width: 386px; background: #000; color: #fff; text-transform: uppercase; padding: 30px 20px; font-size: 14px; transition: ease-in-out .2s; } .zonin-page .registration input[type=submit]:hover { background: #c5a673; } .zonin-page .forth > div { position: relative; padding-left: 40px; } .zonin-page .forth .hash-tags { color: #333 !important; font-size: 47px; font-weight: bold; position: absolute; left: 0; transform: rotate(-90deg) translate(-100%); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .zonin-page .forth .pictures { font-size: 0.01px; text-align: center; width: 100%; } .zonin-page .forth .picture { width: 240px; height: 240px; background-color: #d2d2d2; display: inline-block; vertical-align: top; margin-left: 40px; margin-bottom: 40px; } .zonin-page .forth .social { background-color: transparent; font-size: 18px; text-transform: uppercase; padding: 45px 20px 0; } .zonin-page .forth .social div { margin-top: 20px; } .zonin-page .forth .social div, .zonin-page .forth .social div strong { color: #000; } .zonin-page .forth .social .fb { width: 47px; height: 47px; background: url('img/zonin/fb.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; display: inline-block; cursor: pointer; } .zonin-page .forth .social .instagram { width: 47px; height: 47px; background: url('img/zonin/instagram.png') center no-repeat; -webkit-background-size: contain; background-size: contain; display: inline-block; cursor: pointer; } .zonin-page .forth .read-more { background: #000; color: #fff; text-transform: uppercase; font-size: 14px; padding: 100px 70px; cursor: pointer; } .zonin-page .forth .read-more-wrapper { display: none; } @media screen and (max-width: 767px) { .zonin-page .first-image { margin-bottom: 10px; } .zonin-page .row.second > div { border: 0 !important; border-bottom: 1px solid #d2d2d2 !important; } .zonin-page .row.second > div:last-child { border-bottom: 0 !important; } .zonin-page .row.third > div:first-child { padding-left: 10px; } } /* MOET TEMPLATE */ .page-template-template-moet, .page-template-template-moet-new { background: #fff; } .page-template-template-moet header, .page-template-template-moet footer, .page-template-template-moet .header-strip { /*display: none;*/ } /* MOET TEMPLATE -> MOET PAGE */ .moet-page .header-row { margin-top: 80px; } .moet-page .header-row .top-menu { overflow: hidden; } .moet-page .header-row .logo { display: inline-block; vertical-align: middle; width: 173px; height: 52px; background: url(img/moet/logo.png) center no-repeat; -webkit-background-size: contain; background-size: contain; overflow: hidden; text-indent: -9999px; } .moet-page .header-row .menu { float: right; margin-top: 30px; } .moet-page .header-row .menu div { display: inline-block; padding: 25px 30px; text-transform: uppercase; font: 18px 'open_sansbold', sans-serif; cursor: pointer; position: relative; } .moet-page .header-row .menu div:before { content: ''; left: 50%; right: 50%; position: absolute; height: 5px; top: 0; background: #000; transition: ease-in-out .2s; } .moet-page .header-row .menu div:hover:before, .moet-page .header-row .menu div.active:before { left: 30px; right: 30px; } .moet-page .header-row .menu .fotovoistlus { padding-right: 0; } .moet-page .header-row .menu .fotovoistlus:hover:before, .moet-page .header-row .menu .fotovoistlus.active:before { right: 0; } .moet-page .header-row .hidden-menu { position: fixed; left: 0; right: 0; top: 0; height: 90px; text-align: center; background: #fff; z-index: 10001; display: none; } .logged-in .moet-page .header-row .hidden-menu { top: 32px; } .moet-page .header-row .hidden-menu .party { position: absolute; display: block; width: 50px; height: auto; left: 20px; top: 15px; } .moet-page .header-row .hidden-menu .logo { position: absolute; left: 40px; top: 50%; transform: scale(0.5) translateY(-100%); } .moet-page .header-row .hidden-menu .menu { float: none; display: inline-block; margin-top: 7px; } .moet-page .video-row { padding-left: 50px; margin-top: 30px; position: relative; } .moet-page .video-row .hashtags { font: 18px 'open_sanslight', sans-serif; position: absolute; left: 0; bottom: 0; transform: rotate(-90deg); transform-origin: 0 0; text-transform: uppercase; } .moet-page .video-row .hashtags .bold { font-family: 'open_sansbold', sans-serif; } .moet-page .countdown-row { text-align: center; } .moet-page .countdown-row h2 { display: inline-block; width: 240px; vertical-align: middle; font: 30px 'Times New Roman', serif; text-align: right; margin-right: 20px; } .moet-page .countdown-row h2 span { font-weight: bold; } .moet-page .countdown-row > div { font-size: 0.01px; display: inline-block; vertical-align: middle; margin: 60px 26px; padding-top: 45px; width: 240px; height: 240px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; background-color: #c69c6d; background-image: -webkit-linear-gradient(-135deg, #bc9667, #f2d3ab 26%, #c19c6e); background-image: -moz-linear-gradient(-135deg, #bc9667, #f2d3ab 26%, #c19c6e); background-image: -o-linear-gradient(-135deg, #bc9667, #f2d3ab 26%, #c19c6e); background-image: -ms-linear-gradient(-135deg, #bc9667, #f2d3ab 26%, #c19c6e); background-image: linear-gradient(-135deg, #bc9667, #f2d3ab 26%, #c19c6e); } .moet-page .countdown-row .number { display: block; font: 108.99px/116px 'open_sansbold', sans-serif; } .moet-page .countdown-row .value { display: block; font: 18px 'open_sanslight', sans-serif; text-transform: uppercase; } .moet-page .about-row { background: url(img/moet/star.png) right 170px no-repeat; padding-bottom: 50px; } .moet-page .about-row > .row:first-child { padding-right: 15px; } .moet-page .about-row .top h3 { font: 36px 'Times New Roman', serif; } .moet-page .about-row .top h3 span { font-size: 60px; display: block; } .moet-page .about-row p { width: 85%; font: 16px/30px 'open_sansregular', sans-serif; } .moet-page .about-row .image { position: relative; height: 250px; background: url('img/moet/Layer-81.jpg') center no-repeat; -webkit-background-size: cover; background-size: cover; width: 46%; margin-left: 4%; } .moet-page .about-row .image:before { content: ''; position: absolute; width: 91px; height: 159px; background: url(img/moet/queen-black.png) center no-repeat; -webkit-background-size: contain; background-size: contain; top: 50%; left: -91px; transform: translateY(-50%); } .moet-page .about-row .image:after { content: ''; position: absolute; width: 91px; height: 159px; background: url(img/moet/queen-white.png) center no-repeat; -webkit-background-size: contain; background-size: contain; top: 50%; left: 0; transform: translateY(-50%); } .moet-page .about-row .moet-chandon { padding-top: 100px; } .moet-page .about-row .moet-chandon img:first-child { margin-bottom: 48px; } .moet-page .about-row .party { width: 46%; margin-left: 4%; padding-left: 0; padding-top: 100px; } .moet-page .about-row .party h3 { text-align: right; font: bold 40px 'Times New Roman', serif; padding-left: 10%; margin-top: 0; margin-bottom: 50px; } .moet-page .about-row .party p { font: 15px/30px 'open_sansregular', sans-serif; margin-bottom: 150px; } .moet-page .about-row .party .facebook { display: inline-block; height: 30px; background: url('img/fb-icon.png') no-repeat right center; -webkit-background-size: contain; background-size: contain; vertical-align: middle; padding-right: 30px; color: #CAA880; } .moet-page .about-row .party img { padding: 0; } .moet-page .photos-row { padding-bottom: 100px; } .moet-page .photos-row > div { margin-bottom: 15px; padding: 0; } .moet-page .photos-row .logo { height: 280px; } .moet-page .photos-row .image { overflow: hidden; position: relative; cursor: pointer; padding: 0; } .moet-page .photos-row .image .caption { font: 24px 'open_sansbold', sans-serif; color: #fff; text-transform: uppercase; position: absolute; top: 50%; left: 15px; right: 15px; transform: translate(-10px, -50%); transition: ease-in-out .2s; opacity: 0; z-index: 10; text-align: center; } .moet-page .photos-row .image:hover .caption { transform: translate(0, -50%); opacity: 1; } .moet-page .photos-row .image img { -webkit-filter: grayscale(1); filter: grayscale(1); transition: ease-in-out .2s; } .moet-page .photos-row .image:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .moet-page .photos-row .celebration { position: relative; } .moet-page .photos-row .celebration .caption { position: absolute; top: 80px; left: 25px; } .moet-page .photos-row .celebration span { text-transform: uppercase; display: block; } .moet-page .photos-row .love { font: 60px/60px 'open_sansbold', sans-serif; } .moet-page .photos-row .conquer { font: 36px/36px 'open_sanslight', sans-serif; } .moet-page .photos-row .feel { font: bold 48px/48px 'Times New Roman', serif; } .moet-page .photos-row .celebrate { font: bold 30px/30px 'Times New Roman', serif; } .moet-page .photos-row .open { font: 48px/48px 'open_sansbold', sans-serif; } .moet-page .photos-row .the-now { font: 60px/60px 'open_sanslight', sans-serif; padding-top: 70px; padding-left: 25px; text-transform: uppercase; max-width: 200px; } .moet-page .osta-moet-row { padding-bottom: 90px; display: none; } .moet-page .osta-moet-row .logo { font: 60px/60px 'open_sansbold', sans-serif; color: #000; text-decoration: none; text-transform: uppercase; } .moet-page .osta-moet-row .places { -webkit-columns: 3; -moz-columns: 3; -o-columns: 3; columns: 3; } .moet-page .osta-moet-row .places .place-name { display: block; text-transform: uppercase; color: #000; font: 14px 'open_sanssemibold', sans-serif; margin-bottom: 15px; } .moet-page .competition-row { background: url('img/moet/rectangle.jpg') center 30px no-repeat; padding-bottom: 70px; } .moet-page .competition-row .photo-competition { padding-top: 70px; } .moet-page .competition-row .photo-competition .hashtags { font: 45px/40px 'open_sansbold', sans-serif; text-transform: uppercase; text-align: right; color: #000; } .moet-page .competition-row .photo-competition .hashtags div { display: block; } .moet-page .competition-row .photo-competition h3 { font: 60px/60px 'open_sansbold', sans-serif; text-transform: uppercase; text-align: right; } .moet-page .competition-row .photo-competition p { font: 16px/28px 'open_sansregular', sans-serif; padding-left: 50px; } .moet-page .competition-row .photo-competition .begin { float: right; border: 0; padding: 20px 45px; } .moet-page .competition-row .wpcf7 { display: none; } .moet-page .competition-row .wpcf7 h3 { font: 40px/40px 'open_sansbold', sans-serif; text-transform: uppercase; text-align: right; margin-top: 0; margin-bottom: 85px; } .moet-page .competition-row .wpcf7 label { position: relative; padding-top: 25px; } .moet-page .competition-row .wpcf7 label input[type="text"], .moet-page .competition-row .wpcf7 label input[type="email"] { width: 386px; border: 0; border-bottom: 1px solid #999; background: none; } .moet-page .competition-row .wpcf7 label .label { position: absolute; left: 50%; top: 35px; transform: translateX(-50%); text-transform: uppercase; font-size: 14px; font-weight: normal; cursor: text; transition: ease-in-out .2s; color: #666; } .moet-page .competition-row .wpcf7 label.focus .label, .moet-page .competition-row .wpcf7 label.filled .label{ left: 0; top: 15px; transform: translateX(0); font-size: 10px; } .moet-page .competition-row .wpcf7 .image-upload { border-bottom: 1px solid #999; cursor: pointer; position: relative; padding: 0; } .moet-page .competition-row .wpcf7 .image-upload:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #000; } .moet-page .competition-row .wpcf7 .image-upload .label { left: 50% !important; top: 15px !important; transform: translateX(-50%) !important; font-size: 14px !important; } .moet-page .competition-row .wpcf7 .upload-picture { width: 386px; visibility: hidden; } .moet-page .competition-row .wpcf7 span[role=alert] { display: none; } .moet-page .competition-row .wpcf7 label input[type="text"][aria-invalid="true"], .moet-page .competition-row .wpcf7 label input[type="email"][aria-invalid="true"] { border-color: red; color: red; } .moet-page .competition-row .wpcf7 label.filled input[type="text"][aria-invalid="true"], .moet-page .competition-row .wpcf7 label.filled input[type="email"][aria-invalid="true"] { border-color: #999; color: #666; } .moet-page .competition-row .wpcf7 .wpcf7-response-output { display: none !important; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery + br { display: none; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery, .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery + br + label { display: block; text-align: left; width: 386px; padding-top: 0; font-size: 14px !important; font-weight: normal; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery label { font-weight: normal; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap input[type=checkbox] { display: none; } .moet-page .competition-row .wpcf7 .wpcf7-checkbox { font-size: 0.01px; } .moet-page .competition-row .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label, .moet-page .competition-row .wpcf7 .wpcf7-checkbox .checkbox-label { font-size: 14px; } .moet-page .competition-row .wpcf7 .checkbox-agree a { text-decoration: underline; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery label, .moet-page .competition-row .wpcf7 .checkbox-agree { position: relative; padding-left: 40px; cursor: pointer; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery label:before, .moet-page .competition-row .wpcf7 .checkbox-agree:before { content: ''; position: absolute; left: 0; bottom: 5px; width: 21px; height: 21px; border: 1px solid #8c8c8c; } .moet-page .competition-row .wpcf7 .checkbox-agree.not-checked:before { border-color: red; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery label:after, .moet-page .competition-row .wpcf7 .checkbox-agree:after { content: ''; position: absolute; left: 3px; bottom: 8px; width: 15px; height: 15px; background: #000; opacity: 0; transform: scale(0.1) rotate(-180deg); transition: ease-in-out .2s; } .moet-page .competition-row .wpcf7 .wpcf7-form-control-wrap.delivery label.checked:after, .moet-page .competition-row .wpcf7 .checkbox-agree.checked:after { opacity: 1; transform: scale(1) rotate(0); } .moet-page .competition-row .wpcf7 input[type=submit] { font: 24px/24px 'open_sansbold', sans-serif; text-transform: uppercase; color: #fff; background: #000; padding: 30px 90px; margin-top: 90px; float: right; border: 0; transition: ease-in-out .2s; } .moet-page .competition-row .wpcf7 input[type=submit]:hover { background: #c69c6d; } .moet-page .facebook-row { text-align: right; margin-bottom: 130px; } .moet-page .facebook-row > div { padding-bottom: 15px; text-align: center; } .moet-page .facebook-row .picture { width: 100%; height: 365px; background-color: #000; } .moet-page .facebook-row .more { border: 0; margin-right: 10px; transition: ease-in-out .2s; outline: none; } .moet-page .facebook-row .more:hover { background: #c69c6d; } .moet-page .goods-row h3 { font: bold 55px/55px 'Times New Roman', serif; width: 310px; } .moet-page .goods-row h3 span { font-size: 38px; line-height: 40px; } .moet-page .goods-row .owl-slider { overflow: hidden; position: relative; text-align: center; } .moet-page .goods-row .owl-item { float: left; } .moet-page .goods-row .owl-item .caption { font: 18px/18px 'open_sansbold', sans-serif; text-transform: uppercase; } .moet-page .goods-row .owl-item a { display: inline-block; padding: 20px 50px; color: #000; text-decoration: none; border-top: 5px solid #000; transition: ease-in-out .2s; background-color: transparent; text-transform: uppercase; font: 14px/14px 'open_sansbold', sans-serif; margin-top: 40px; margin-bottom: 40px; } .moet-page .goods-row .owl-item a:hover { background-color: #000; color: #fff; } .moet-page .goods-row .owl-prev, .moet-page .goods-row .owl-next { width: 45px; height: 50px; background: #000; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1000; overflow: hidden; text-indent: -9999px; } .moet-page .goods-row .owl-prev { left: 0; } .moet-page .goods-row .owl-next { right: 0; } .moet-page .goods-row .owl-prev:before, .moet-page .goods-row .owl-next:before { content: '<'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font: 18px/18px 'open_sansbold', sans-serif; color: #fff; text-indent: 0; } .moet-page .goods-row .owl-next:before { content: '>'; } .moet-page .footer-row .image { height: 455px; background: url('img/moet/footer-image.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; } .moet-page .footer-row .video { padding-left: 0; } .moet-page .footer-row .reeglid { font: 20px 'open_sansbold', sans-serif; text-transform: uppercase; text-align: center; padding-bottom: 30px; } .moet-page .footer-row .reeglid a { color: #000; } .moet-page .footer-row .icons { display: block; text-align: center; padding-bottom: 50px; } .moet-page .footer-row .icons .ico { width: 38px; height: 38px; margin: 10px; display: inline-block; } .moet-page .footer-row .icons .fb { background: url('img/moet/fb.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain; } .moet-page .footer-row .icons .youtube { background: url('img/moet/youtube.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain; } .moet-page .footer-row .icons .instagram { background: url('img/moet/instagram.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain; } .moet-page .hetked { font-size: 38px; margin-bottom: 30px; font: bold 55px/55px 'Times New Roman', serif; } .moet-page .hetked strong { font-family: 'open_sansbold', sans-serif; } @media screen and (max-width: 1165px) { .moet-page .countdown-row > div { width: 150px !important; height: 150px !important; padding-top: 12px !important; margin: 20px 2px !important; } .moet-page .countdown-row .number { font-size: 80px !important; line-height: 90px !important; } .moet-page .countdown-row .value { font-size: 14px !important; } } @media screen and (max-width: 1020px) { .moet-page .countdown-row > div { width: 80px !important; height: 80px !important; padding-top: 12px !important; margin: 20px 2px !important; } .moet-page .countdown-row .number { font-size: 41px !important; line-height: 41px !important; } .moet-page .countdown-row .value { font-size: 10px !important; } } @media screen and (max-width: 920px) { #primary { padding-top: 60px; } .moet-page .header-row .top-menu { display: none; } .moet-page .header-row .hidden-menu { display: block !important; height: 90px !important; } .moet-page .header-row .hidden-menu .menu { display: none; background: #fff; } .moet-page .header-row .hidden-menu.active .menu { display: block; } .moet-page .header-row .hidden-menu.active .logo { display: none; } .moet-page .header-row .hidden-menu .menu div { display: block; } .moet-page .header-row .hidden-menu .mobile-menu { width: 37px; height: 25px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); cursor: pointer; } .moet-page .header-row .hidden-menu .mobile-menu div { position: absolute; width: 27px; height: 5px; background: #000; transition: ease-in-out .2s; } .moet-page .header-row .hidden-menu .mobile-menu .top-stick { top: 0; left: 0; } .moet-page .header-row .hidden-menu .mobile-menu .middle-stick { top: 50%; left: 0; transform: translateY(-50%); } .moet-page .header-row .hidden-menu .mobile-menu .bottom-stick { bottom: 0; left: 10px; } .moet-page .header-row .hidden-menu .mobile-menu.active .top-stick { top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); } .moet-page .header-row .hidden-menu .mobile-menu.active .middle-stick { opacity: 0; } .moet-page .header-row .hidden-menu .mobile-menu.active .bottom-stick { top: 50%; left: 0; transform: translateY(-50%) rotate(-45deg); } .moet-page .video-row .video iframe { height: 350px; } .moet-page .photos-row .celebration .caption { top: 0; } .moet-page .photos-row .the-now { padding-top: 50px; } .moet-page .footer-row .video iframe, .moet-page .footer-row .image { height: 350px; } } @media screen and (max-width: 782px) { .logged-in .moet-page .header-row .hidden-menu { top: 46px; } .langselect { margin-top: 15px; float: left; } } @media screen and (max-width: 767px) { .moet-page .about-row .top p { width: 100%; } .moet-page .about-row .image { width: calc(100% - 10px); margin-left: 10px; } .moet-page .about-row .image:before, .moet-page .about-row .image:after { display: none; } .moet-page .about-row .moet-chandon img { padding: 0; margin-left: 0; } .moet-page .about-row .party { width: 100%; margin-left: 0; padding-left: 10px; padding-top: 35px; } .moet-page .about-row .party h3 { font-size: 36px; margin-bottom: 35px; padding: 0; } .moet-page .about-row .party p { margin-bottom: 35px; } .moet-page .photos-row .the-now { padding-top: 70px; } .moet-page .competition-row { background: none; } .moet-page .footer-row .image { display: none; } .moet-page .hetked { font-size: 29px; } } @media screen and (max-width: 680px) { .moet-page .video-row .hashtags { font-size: 12px; } } @media screen and (max-width: 600px) { .moet-page .header-row .hidden-menu { position: absolute; top: -90px !important; } .moet-page .countdown-row h2 { display: block; width: 100%; text-align: center; } } @media screen and (max-width: 480px) { .moet-page .video-row { margin-right: -15px; padding-top: 20px; padding-bottom: 30px; } .moet-page .video-row .video iframe { height: 150px; } .moet-page .about-row .top h3 { font-size: 28.5px; } .moet-page .about-row .top h3 span { font-size: 47.5px; } .moet-page .countdown-row { margin-right: -15px; padding-left: 35px; } .moet-page .photos-row .celebration .caption { top: 10px; } .moet-page .photos-row .love { font-size: 29px; line-height: 29px; } .moet-page .photos-row .conquer { font-size: 18px; line-height: 18px; } .moet-page .photos-row .feel { font-size: 24px; line-height: 24px; } .moet-page .photos-row .celebrate { font-size: 15px; line-height: 15px; } .moet-page .photos-row .open { font-size: 24px; line-height: 24px; } .moet-page .photos-row .the-now { font-size: 30px; line-height: 30px; padding-top: 50px; } .moet-page .photos-row { padding-bottom: 50px; } .moet-page .osta-moet-row .logo { font-size: 46px; line-height: 46px; margin-bottom: 10px; } .moet-page .osta-moet-row .places { -webkit-columns: 1; -moz-columns: 1; -o-columns: 1; columns: 1; } .moet-page .competition-row .photo-competition .hashtags { font-size: 24px; line-height: 24px; } .moet-page .competition-row .photo-competition h3 { font-size: 35px; line-height: 35px; } .moet-page .competition-row .photo-competition .begin { font-size: 18px; line-height: 18px; width: 100%; } .moet-page .competition-row .wpcf7 h3 { font-size: 24px; line-height: 24px; } .moet-page .competition-row .wpcf7 input[type=submit] { font-size: 18px; line-height: 18px; width: 100%; } .moet-page .footer-row .video iframe { height: 200px; } } #video { padding: 0; position: relative; cursor: pointer; } video { width: 100%; height: auto; display: block; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .moet-page .btn-gold { display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 20px 25px; color: #fff; background: #c1975f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxOTc1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2I0OTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #c1975f 0%, #d3b491 100%); background: -webkit-linear-gradient(left, #c1975f 0%,#d3b491 100%); background: linear-gradient(to right, #c1975f 0%,#d3b491 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1975f', endColorstr='#d3b491',GradientType=1 ); } .moet-page .btn-gold:hover, .moet-page .btn-gold:active, .moet-page .btn-gold:focus { text-decoration: none; } .moet-page .buy-moet { margin-bottom: 60px; } .moet-page .buy-moet h2 { color: #000; font-size: 55px; text-transform: uppercase; font-family: 'Times New Roman', serif; margin: 0; font-weight: bold; } .moet-page .buy-moet h2 span { font-weight: normal; font-size: 36px; } .moet-page .buy-moet ul { margin: 0; padding: 0; list-style: none; -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; -ms-column-gap: 30px; -ms-column-count: 3; column-count: 3; column-gap: 30px; } .moet-page .buy-moet ul li { margin: 5px 0; } .moet-page .buy-moet ul li a { font-size: 16px; color: #c8a067; text-transform: uppercase; font-family: 'open_sanssemibold', sans-serif; } .moet-page .gallery { margin-top: 70px; } .moet-page .btn-black { display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 20px 55px; color: #fff; background: #000; } .moet-page .btn-black:hover, .moet-page .btn-black:focus, .moet-page .btn-black:active { text-decoration: none; } .moet-page .gallery a { display: inline-block; margin: 0 20px 25px 0; } .moet-page .gallery a img { width: 122px; } .featherlight .featherlight-content { padding: 0; border: none; } .featherlight-close-icon { display: none; } .featherlight-next, .featherlight-previous { background: transparent; top: 0; right: 0; left: 90%; } .featherlight-previous { left: 0; right: 90%; } .featherlight-next:hover { background: url(img/moet/arrow-right.png) no-repeat right center; background-size: contain; } .featherlight-previous:hover { background: url(img/moet/arrow-left.png) no-repeat left center; background-size: contain; } .featherlight-next span, .featherlight-previous span { text-shadow: none; } @media screen and (max-width: 767px) { .moet-page .buy-moet h2 { margin-bottom: 20px; font-size: 36px; } .moet-page .buy-moet ul { -moz-column-count: 1; -webkit-column-count: 1; -ms-column-count: 1; column-count: 1; } .moet-page .gallery a { display: inline-block; margin: 0 6px 6px 0; } } /*.page-id-110 .product-grid > .col:last-child { display: none; }*/ /* World Class MAP */ #wcc_map { width: 100%; height: 560px; margin: 20px auto; } #wcc_map_small { width: 100%; height: 180px; margin: 20px auto; } .mapPopup { max-width: 220px; padding: 20px 10px; } .mapPopup__title { font-weight: normal; text-transform: uppercase; font-size: 16px; color: #d7601f; margin: 0; } p.mapPopup__address, p.mapPopup__text { font-size: 13px; margin: 0; color: #333; line-height: 1.4em; } p.mapPopup__address { margin-bottom: 15px; } .mapPopup__button { display: inline-block; color: #fff; font-size: 12px; font-weight: 400; text-transform: uppercase; text-align: center; background: #d7601f; padding: 10px 30px; text-decoration: none; margin: 10px 0 0 0; } .mapPopup__button:hover, .mapPopup__button:focus, .mapPopup__button:active { color: #fff; text-decoration: none; } .wcc_map .nav-tabs { margin: 20px 0; border: none; float: right; } .wcc_map .nav-tabs li { margin: 0; padding: 0; background: transparent; } .wcc_map .nav-tabs li.active { display: none; } .wcc_map .nav-tabs li a { display: inline-block; padding: 15px 40px 15px 70px; margin: 0; border: none; border-radius: 0; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; text-align: center; } .wcc_map .nav-tabs li a.list_view { background: #d7601f url(img/icon_list.png) no-repeat left 25px center; } .wcc_map .nav-tabs li a.map_view { background: #d7601f url(img/icon_map.png) no-repeat left 25px center; } .wcc_map_title { text-transform: uppercase; font-weight: bold; font-size: 30px; margin: 30px 0; } .wcc_map .wcc_map_list { margin: 20px 0; padding: 0; } .wcc_map .wcc_map_list li { margin: 15px; display: inline-block; width: calc(25% - 46px); padding: 0 0 0 62px; position: relative; background: transparent; list-style-type: none; counter-increment: step-counter; } .wcc_map .wcc_map_list li::before { content: counter(step-counter) '.'; display: block; position: absolute; top: -5px; left: 0; font-size: 16px; font-weight: bold; background-color: #333; color: white; font-weight: bold; text-align: center; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; } .wcc_map .wcc_map_list li a h3 { font-size: 18px; text-transform: uppercase; color: #333; margin: 0 0 4px 0; padding-right: 25px; position: relative; line-height: 1em; max-width: 100%; height: 2em; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .wcc_map .wcc_map_list li a h3::after { content: "\276F"; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wcc_map .wcc_map_list li a p { font-size: 13px; color: #333; margin: 0; line-height: 1.2em; } .wcc_map .wcc_map_list li a:hover, .wcc_map .wcc_map_list li a:focus, .wcc_map .wcc_map_list li a:active { text-decoration: none; color: #333; } .wcc_map .wcc_map_list li a:hover h3 { color: #d7601f; } .wcc_map .modal { background: rgba(255,255,255,.8); } .wcc_map .modal-dialog { margin: 70px auto 0 auto; } .wcc_map .close { font-size: 38px; opacity: 1; color: #333; margin: 0; position: absolute; top: 30px; right: 30px; z-index: 9999; } .wcc_map .close:hover, .wcc_map .close:active, .wcc_map .close:focus { background: transparent; } .wcc_map .modal-body { padding: 60px; } .wcc_map .modal-content { border-radius: 0; border: none; } .wcc_map__content { padding-left: 40px; position: relative; } .wcc_map__title { font-size: 26px; font-weight: bold; margin: 20px 0 0 0; color: #d7601f; } p.wcc_map__address, p.wcc_map__text { font-size: 18px; margin: 0; } p.wcc_map__address { margin-bottom: 20px; } .wcc_fb_link { display: block; width: 32px; height: 32px; margin-bottom: 20px; background: url(img/fb.svg) no-repeat center center; background-size: contain; } @media screen and (max-width: 991px) { .wcc_map .wcc_map_list li { width: calc(33% - 42px); } .wcc_map__content { padding-left: 0; } } @media screen and (max-width: 767px) { .wcc_map .nav-tabs { float: none; } .wcc_map .wcc_map_list li { width: calc(50% - 38px); } } @media screen and (max-width: 480px) { .wcc_map .nav-tabs { float: none; } .wcc_map .wcc_map_list li { width: calc(100% - 34px); } } /* MOET PAGE NEW */ .page-template-template-moet-new { background: #fff; } .moet-page-new .header-row { margin-top: 80px; } .moet-page-new .header-row .menu { margin-top: 40px; } .moet-page-new .photos-row .image { display: inline-block; vertical-align: middle; width: calc(20% - 4px); } .moet-page-new .photos-row .image--2 { width: calc(40% - 4px); } .moet-page-new .photos-row .image.celebration .caption { opacity: 1; position: relative; top: auto; left: auto; right: auto; color: #000; transform: none; text-align: left; } .moet-page-new .photos-row .image.celebration .caption .love { font-size: 4vw; line-height: 1.2em; } .moet-page-new .photos-row .image.celebration .caption .conquer { font-size: 2.5vw; line-height: 1.2em; } .moet-page-new .photos-row .image.celebration .caption .feel { font-size: 3vw; line-height: 1.2em; } .moet-page-new .photos-row .image.celebration .caption .celebrate { font-size: 2.2vw; line-height: 1.2em; } .moet-page-new .photos-row .image .caption { font-size: 1.3vw; } .moet-page-new .video-row { padding: 0; margin-bottom: 40px; } .moet-page-new .about-row { background: transparent; } .moet-page-new .about-row .top h3 { font-size: 50px; line-height: 1em; margin-bottom: 40px; } .moet-page-new .about-row p { margin-bottom: 30px; width: auto; } .moet-page-new .countdown-row-new { margin-top: 60px; margin-bottom: 80px; text-align: center; } .moet-page-new .countdown-row-new h2 { display: block; width: auto; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 24px; text-align: center; margin: 20px 0; } .moet-page-new .countdown-row-new > div { display: block; margin: 0; padding: 0; width: auto; height: auto; border-radius: 0; background: #fff; } .moet-page-new .countdown-row-new .number { display: inline-block; font-family: 'Open Sans Condensed', sans-serif; line-height: 1em; font-size: 118px; } .moet-page-new .countdown-row-new .value { display: inline-block; font-family: 'Open Sans Condensed', sans-serif; line-height: 1em; font-size: 118px; text-transform: uppercase; color: #f1b75c; margin-right: 20px; } .moet-page-new .kava-row { margin-bottom: 30px; background: url(img/moet/star.png) no-repeat 20% center; font-family: 'Open Sans', sans-serif; } .moet-page-new .kava-row p { margin-bottom: 30px; line-height: 2em; } .moet-page-new .kava-row h2 { font-size: 50px; text-transform: uppercase; font-family: 'Times New Roman', Times, serif; margin: 0 0 40px 0; font-weight: bold; } .moet-page-new .kava-row h3 { font-family: 'Times New Roman', Times, serif; text-transform: uppercase; color: #f1b75c; font-size: 24px; margin: 5px 0; max-width: 85%; } .moet-page-new .kava-row h3.underline { color: #000; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #000; } .moet-page-new .kava-row h3.time { color: #000; font-size: 22px; font-weight: bold; margin-bottom: 30px; padding-left: 30px; background: url(img/moet/icon-time.png) no-repeat left center; } .moet-page-new .kava-row a { color: #000; } .moet-page-new .party-row { margin-top: 50px; margin-bottom: 50px; } .moet-page-new .party-row a { font-family: 'Times New Roman', Times, serif; font-size: 30px; font-weight: bold; color: #000; line-height: 1.2em; text-transform: uppercase; display: inline-block; max-width: 280px; margin: 40px 30px; padding-bottom: 120px; background: url(img/moet/arrow-big.png) no-repeat left bottom; } .moet-page-new .party-row a:hover { text-decoration: none; } .moet-page-new .competition-row { background: transparent; padding: 0; margin-bottom: 70px; font-family: 'Open Sans', sans-serif; } .moet-page-new .competition-row p { font-weight: 400; line-height: 1.8em; padding: 0 30px; margin-bottom: 30px; } .moet-page-new .competition-row h3 { text-transform: uppercase; text-align: right; font-family: 'Times New Roman', Times, serif; font-weight: bold; font-size: 40px; margin: 0; padding: 0 30px; } .moet-page-new .competition-row h3:first-child { margin-top: 40px; } .moet-page-new .competition-row h2 { text-transform: uppercase; text-align: right; font-family: 'Times New Roman', Times, serif; font-size: 60px; margin: 40px 0 0 0; padding: 0 30px; } .moet-page-new .competition-row h4 { text-transform: uppercase; text-align: right; font-family: 'Times New Roman', Times, serif; font-size: 30px; margin: 0 0 40px 0; padding: 0 30px; } .moet-page-new .kava-row strong, .moet-page-new .about-row strong, .moet-page-new .competition-row strong { font-family: 'Open Sans', sans-serif; font-weight: 700; } .moet-page-new .bloggers-row { margin-top: 80px; margin-bottom: 80px; } .moet-page-new .bloggers-row h2 { font-family: 'Times New Roman', Times, serif; font-size: 33px; margin: 40px 0 20px 0; padding: 0 40px; text-transform: uppercase; font-weight: bold; } .moet-page-new .bloggers-row h4 { font-family: 'Times New Roman', Times, serif; font-size: 18px; margin: 0; padding: 0 40px; text-transform: uppercase; } .moet-page-new .bloggers-row .blogger { display: block; margin: 20px 0; } .moet-page-new .bloggers-row .blogger:hover { text-decoration: none; } .moet-page-new .bloggers-row .blogger h3 { font-family: 'Times New Roman', Times, serif; font-size: 22px; text-transform: uppercase; font-weight: bold; display: block; margin: 0; text-align: right; padding: 10px 70px 10px 0; background: url(img/moet/arrow-black.png) no-repeat right center; } @media screen and (max-width: 767px) { .moet-page .header-row .hidden-menu { top: -50px !important; } .moet-page-new .photos-row .image { display: inline-block; vertical-align: middle; width: calc(50% - 4px); } .moet-page-new .photos-row .image--2 { display: block; width: 100%; } .moet-page-new .photos-row .image.celebration .caption { margin-left: 10px; } .moet-page-new .photos-row .image.celebration .caption .love { font-size: 34px; } .moet-page-new .photos-row .image.celebration .caption .conquer { font-size: 23px; } .moet-page-new .photos-row .image.celebration .caption .feel { font-size: 28px; } .moet-page-new .photos-row .image.celebration .caption .celebrate { font-size: 18px; } .moet-page-new .photos-row .image .caption { font-size: 12px; } .moet-page-new .video-row { margin-top: 20px; margin-bottom: 20px; } .moet-page-new .video-row #video { padding-right: 15px; } .moet-page-new .about-row .top h3 { font-size: 35px; margin-bottom: 20px; } .moet-page-new .about-row p { margin-bottom: 20px; } .moet-page-new .countdown-row-new { margin-top: 30px; margin-bottom: 40px; } .moet-page-new .countdown-row-new h2 { font-size: 18px; margin: 10px 0; } .moet-page-new .countdown-row-new .number { font-size: 41px; } .moet-page-new .countdown-row-new .value { font-size: 41px; margin-right: 10px; } .moet-page-new .kava-row { margin-bottom: 20px; background: url(img/moet/star.png) no-repeat center center; } .moet-page-new .party-row { margin-top: 30px; margin-bottom: 30px; } .moet-page-new .party-row a { font-size: 24px; margin: 20px 0; padding-bottom: 120px; } .moet-page-new .competition-row { margin-bottom: 40px; } .moet-page-new .competition-row p { padding: 0; margin-bottom: 20px; } .moet-page-new .competition-row h3 { text-align: right; font-size: 26px; padding: 0; } .moet-page-new .competition-row h3:first-child { margin-top: 0; } .moet-page-new .competition-row h2 { font-size: 38px; margin: 20px 0 0 0; padding: 0; } .moet-page-new .competition-row h4 { font-size: 18px; margin: 0 0 30px 0; padding: 0; } .moet-page-new .bloggers-row { margin-top: 40px; margin-bottom: 0; } .moet-page-new .bloggers-row h2 { font-size: 24px; margin: 20px 0; padding: 0; } .moet-page-new .bloggers-row h4 { font-size: 18px; padding: 0; } .moet-page-new .bloggers-row .blogger { margin: 10px 0; } .moet-page-new .bloggers-row .blogger h3 { font-size: 17px; text-align: left; padding: 10px 0; background: transparent; } } /* Internet Explorer 6-11 notice */ .ie-notice { background-color: #E1C05B; color: #fff; font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px; position: relative; z-index: 9999; } /* Cookie bar */ .prike-cookie-bar-btn { padding: 6px 12px; font-size: 14px; } .prike-cookie-bar-btn:active { background-color: #fff; } #cn-more-info { background-color: transparent; } /* Contacts */ .page-template-page-contacts .row.equal-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .page-template-page-contacts .row.equal-height > [class*='col-'] { display: flex; flex-direction: column; }