/*
Theme Name: Phélan Ségur
Description: Thème Phélan Ségur
Version: 1.0
Author: Nexi Conseils
*/

/* BOX MODEL */
*, *:before, *:after { box-sizing:border-box;}

/* RESET */
html {font-size:62.5%;}
html, body, textarea, figure, label {margin: 0; padding: 0;}
body {color:#333; font-family:"Raleway", Arial, sans-serif;font-size:14px; font-size:1.4rem;}
body.single, body.error404, body.archive  {background-color:#fff;}
p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure {margin-top:1em; margin-bottom:0; line-height:1.4;}
ul, ol {padding-left: 2em; list-style-position:inside;}
ul.unstyled {list-style: none; padding-left:0;}
ul.maxheight-list { max-height: 300px; overflow: auto; }
.list-inline li, .list-inline {display:inline-block;}
.list-inline li + li {margin-left:10px;}
em, .italic {font-style: italic;}
strong {font-weight: bold;}
hr {margin:2em 0; border:0; height:1px; background-color:#eee;}
i, b, h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like {font-style: normal; font-weight: normal;}
h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like {margin-bottom:1rem;}
p:first-child, ul:first-child, ol:first-child, blockquote:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top:0;}
li p, li ul, li ol {margin-top:0; margin-bottom:0;}
img, table, td, blockquote, code, pre, textarea, input {max-width:100%;}
img {height: auto; vertical-align: middle;}
body > script {display: none !important;}

/* FONT SIZING */
h1, .h1-like {font-size:32px; font-size:2.6rem;}
h2, .h2-like {font-size:28px; font-size:2.4rem;}
h3, .h3-like {font-size:24px; font-size:2.2rem;}
h4, .h4-like {font-size:20px; font-size:2rem;}
h5, .h5-like {font-size:18px; font-size:1.8rem;}
h6, .h6-like {font-size:16px; font-size:1.6rem;}
.smaller {font-size:10px; font-size:1rem;}
.small {font-size:12px; font-size:1.2rem;}
.normal {font-size:14px; font-size:1.4rem;}
.big {font-size:16px; font-size:1.6rem;}
.bigger {font-size:18px; font-size:1.8rem;}
.biggest {font-size:20px; font-size:2rem;}

/* FONT STYLES */
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}
.typo-primary {color:#cd163f;}
.typo-weak {color:#ccc;}
.typo-dark { color: #777; }
.typo-white {color:#fff;}
.typo-bold {font-weight:500;}

/* BGs */
.bg-black-opacity {background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.7); color:#fff;}

/* LINKS */
a {text-decoration:none; color:#cd163f; -webkit-transition:color .3s; transition:color .3s;}
a:hover, a:active, a:focus {color:#000;}
footer a {color:#fff;}
.bg-black-opacity a:hover {color: #fff;}
footer a:hover, footer a:active, footer a:focus {color:#cd163f;}
a img {border-style:none; border: 0;}

/* BUTTONS */
.btn, .wpb_wrapper .wpb_button {display:inline-block; padding:8px 12px;}
.btn-lg {padding:11px;}
.btn-primary, a.btn-primary, .wpb_wrapper .wpb_btn-danger {background-color:#cd163f; color:#fff; border-radius:0; text-shadow:none; -webkit-transition:background-color .3s; transition:background-color .3s;}
.wpb_wrapper .wpb_btn-danger {text-transform:uppercase; font-size:12px;}
.btn-primary:hover, a.btn-primary:hover, .wpb_wrapper .wpb_btn-danger:hover {background-color:#222; color:#fff; }
.btn-light{color: #fff; padding: 1.5%; border: 1px solid #fff;}
.btn-light:hover{color:#fff; border: 1px solid #cd163f; background-color:#cd163f;}
.btn-editor-primary, .btn-editor-secondary {display:inline-block; padding:8px 12px; color:#fff;  -webkit-transition:all .3s;  transition:all .3s; font-size:12px; font-size:1.2rem;}
.btn-editor-primary, .btn-editor-secondary:hover {background-color:#cd163f;}
.btn-editor-primary:hover {background-color:#222; color: #fff;}
.btn-editor-secondary {background:none; border: 1px solid #fff;}
.btn-editor-secondary:hover {border: 1px solid #cd163f;}
.btn-block { width: 100%; text-align: center; }

/* LAYOUT */
.inline {display:inline;}
.block {display:block;}
.inbl {display:inline-block;}
.alignleft, .fleft {float:left;}
.alignright, .fright {float:right;}
img.alignleft, img.fleft {margin-right:2em;}
img.alignright, img.fright {margin-left:2em;}
img.alignleft, img.alignright, img.fleft, img.fright {margin-bottom:0.5em; margin-top:1em;}
.absolute {position:absolute;}
.relative {position:relative;}
.overflow {overflow:hidden;}
.clear {clear: both;}

/* ALIGNMENTS */
.center {margin-left:auto; margin-right:auto;}
.align-left, .textleft {text-align:left;}
.align-right, .textright {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
.align-top {vertical-align:top;}
.align-mid {vertical-align:middle;}
.align-bottom {vertical-align:bottom;}

/* HIDE ELEMENTS */
.hidden {display:none;}

/* WIDTH */
.wrap {max-width:1230px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px;}
html,body, .height-100, .photobg, #md-carousel-perso, #md-carousel-visite, .owl-wrapper-outer, .owl-wrapper, .owl-item, .owl-img, header + .main {height:100%;}

/* VIDEO RESPONSIVE*/
.wrap-video {width:100%; height:0; padding-bottom:56.25%; overflow:hidden; position:relative;}
.wrap-video > iframe {width:100%; height:100%; position:absolute; top:0; left:0;}

/* MARGIN & PADDING */
.m0 {margin:0;}
.mtop0 {margin-top:0;}
.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop35 {margin-top:35px;}
.mbottom0 {margin-bottom:0;}
.mbottom10 {margin-bottom:10px;}
.mright10 {margin-right:10px;}
.mright-15 {margin-right:-15px;}
.p0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.ptop10 {padding-top:10px;}
.ptop20 {padding-top:20px;}
.pleft10 {padding-left:10px;}
.pleft20 {padding-left:20px;}
.pright10 {padding-right:10px;}
.pright20 {padding-right:20px;}
.pbottom10 {padding-bottom:10px;}
.pbottom20 {padding-bottom:20px;}

/* GRID */
.row {margin-left:-15px; margin-right:-15px;}
.row + .row {margin-top:15px;}
.row:after {content:""; display:table; clear:both;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {padding-left:15px; padding-right:15px; float:left;}
.col-1 {width:8.33333%;}
.col-2 {width:16.6667%;}
.col-3 {width:25%;}
.col-4 {width:33.3333%;}
.col-5 {width:41.6667%;}
.col-6 {width:50%;}
.col-7 {width:58.3333%;}
.col-8 {width:66.6667%;}
.col-9 {width:75%;}
.col-10 {width:83.3333%;}
.col-11 {width:91.6667%;}
.col-12 {width:100%;}

/* ICONS */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?w2ozkk');
	src:url('fonts/icomoon.eot?w2ozkk#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?w2ozkk') format('truetype'),
		url('fonts/icomoon.woff?w2ozkk') format('woff'),
		url('fonts/icomoon.svg?w2ozkk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


.icon-arrow-left:before {
    content: "\f053";
}
.icon-arrow-right:before {
    content: "\f054";
}
.icon-plus:before {
    content: "\f067";
}
.icon-arrow-up:before {
    content: "\f077";
}
.icon-arrow-down:before {
    content: "\f078";
}
.icon-facebook:before {
    content: "\f082";
}
.icon-list:before {
    content: "\f0c9";
}
.icon-instagram:before {
    content: "\f16d";
}
.icon-tripadvisor:before {
    content: "\f262";
}


/* LOADER */
body #qLoverlay {
	background-color: #111;
	position: fixed;
	z-index: 666999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ut-loader-overlay{
	background: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 2501;
	top: 0;
	left: 0;
}
#ut-loader-logo {
	width:400px;
	height:300px;
	display:block;
	position: absolute;
	fontSize: 3em;
	top: 50%;
	left: 50%;
	margin-left: -200px !important;
	overflow:hidden;
	background-image: url(img/chateau-phelan-segur.png); background-position: center center; background-repeat: no-repeat; }
#qLpercentage {font-size:12px !important;text-transform:uppercase;}

/* HEADER */
header {background-color:#fff; position:fixed; top:0; width:100%; z-index:3; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); }

/* LOGO & BASELINE */
.logo {margin:10px 0;}

/* MAIN NAVIGATION */
.main-nav {text-align:right;}
.main-nav ul {list-style: none; padding-left:0; margin-top:0; }
.main-nav li {display:inline-block; position:relative;}
.main-nav li:hover > ul {opacity:1; visibility:visible;}
.main-nav a {display:inline-block; white-space:nowrap; padding:48px 10px; color:#555; letter-spacing:0.5px; font-size:11px; font-size:1.1rem; text-transform:uppercase; font-weight:500;}
.main-nav a:after { content: "•"; position:absolute; right:-3px;}
.main-nav a:hover, .main-nav a:active, .main-nav a:focus, .main-nav li:hover > a {color:#cd163f;}
.main-nav .menu-item-language a {padding-left:5px; padding-right:0; position:relative; top:-1px;}
.main-nav .menu-item-language a:after {content: "";}
.main-nav ul ul {visibility:hidden; position:absolute; left:0; top:auto; z-index:15; background-color:#cd163f; text-align:left; padding:5px; opacity:0; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; min-width:170px;}
.main-nav ul ul ul {left:100%; top:0;}
.main-nav ul ul li, .main-nav ul ul a {display:block;}
.main-nav ul ul a {color:#fff; font-size:10px; font-size:1rem; padding:8px 10px;}
.main-nav ul ul a:after {content:none;}
.main-nav ul ul a:hover {color:#000;}
.main-nav ul ul li:hover > a {color:#000;}
.main-nav a.toggle-nav { padding: 0; }
.toggle-nav > * {display:inline-block; vertical-align:middle; margin:0;}
#flags_language_selector, #flags_language_selector > * { display: inline-block; vertical-align: text-bottom; }
#flags_language_selector > * { padding: 0; margin: 0 5px; }

/* SLIDER */
#md-carousel-perso {text-align:center;}
#md-carousel-perso .item img {display: block; width: 100%; height: auto;}
#md-carousel-perso .owl-img {background-position: center center; background-size: cover; overflow: hidden; *zoom: 1;}
#md-carousel-perso .owl-controls  {position:absolute; top:50%; width:100%;}
#md-carousel-perso .owl-controls .owl-buttons div {background-color:#cd163f; opacity:0.8; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; position:absolute; padding:15px;}
#md-carousel-perso .owl-controls .owl-buttons div:hover {background-color:#000;}
#md-carousel-perso .owl-controls .owl-buttons div.owl-prev {border-radius:0 5px 5px 0; left:0; margin-left:0;}
#md-carousel-perso .owl-controls .owl-buttons div.owl-next {border-radius:5px 0 0 5px; right:0; margin-right:0;}

/* MAIN */
.main {background-color:#fff;}
.main li {margin:15px 0;}
.main p {line-height:1.6;}
.main img {border-radius:3px;}

/* CONTENT */
.content {padding:130px 0 60px 0;}
.content-black { background-color: #000; color: #fff; min-height: 100%; }
.main + #content + .main > .content {padding-top:50px;}
#content {position:relative; top:-70px;}
.content article {padding:30px 0;}
.content article + article {margin-top:20px; }
.main  + .main .content {padding:40px 0;}
.content-ttl {background:url(img/divider-rouge.png) center center repeat-x; text-align:center; color:#cd163f; font-size:30px; font-size:3rem; text-transform:uppercase; width:75%; margin: 20px auto;}
.content-ttl span {background-color:#fff; padding:0 20px;}
.content-ttl-article {text-transform:uppercase; font-size:20px; font-size:2rem; font-weight:500; margin-bottom:20px;}
.content-ttl-article a{color:#000;}
.content-ttl-article a:hover{color:#cd163f;}
.content-date {text-align:right; text-transform:uppercase; font-weight:500;}
.content-day {display:block; font-size:60px; font-size:6rem; font-weight:bold;}
.content-linkback {text-transform:none; color:#cd163f;}
.content-linkback:hover {text-transform:none; color:#fff;}
.content blockquote {float:left; font-size: 16px; font-size: 1.6rem; line-height: 150%; max-width:35%; padding-left: 10px; margin:15px 30px 0 0; border-left: 2px solid #cd163f; text-transform: uppercase; letter-spacing: 0.5px;}
.content h2 + blockquote {margin-top:0;}
.content-more {text-align:right;}
.centrer {text-align:center;}
.content h2 {font-size: 24px; font-size:2.4rem; text-transform: uppercase; text-align: center; font-weight:500;}
.content h3 {font-size: 20px; font-size:2rem; font-weight:400; color:#777;}
.wpb_wrapper .vc_separator  h4, .content h4 {font-size: 18px; font-size:1.8rem; font-weight:400;}
.content h2:after {content: ""; display: block; background-color: #222222; width: 30px; height: 1px; margin: 10px auto 0;}

/* CONTENT SUR PHOTO */
.photobg {background-color: #000; background-position: center center; background-size: cover; /*overflow: hidden;*/ *zoom: 1; background-attachment:fixed; padding:150px 0 70px 0;}
.diapobg {padding:150px 0 70px 0; text-align: left; }
.diapo-actus .bloctxtimg-ttl { vertical-align: bottom; margin: 0; font-size: 14px; font-size: 1.4rem; padding: 8px; max-height: 32px; }
.diapo-actus .bloctxtimg-toggle { display: inline-block; vertical-align: bottom; }
.bloctxtimg-actu { display: none; }
.bloctxtinline{display: inline-block;max-width: 100%;}
.bloctxtimg-date {font-family:Arial,sans-serif;}
.bloctxtimg-ttl {background:rgb(205, 22, 63); background:rgba(205, 22, 63, 0.8); color: #fff; display: inline-block; font-size: 20px; font-size:2rem; padding: 10px; text-transform: uppercase;}
.bloctxtimg-txt {overflow: hidden; padding: 20px;}
.bloctxtimg-txt h2{font-family:"ralewayregular",arial,"ralewaysemibold",sans-serif; font-weight:normal; text-align:left; margin-bottom:inherit; font-size:18px; font-size:1.8rem; text-transform:inherit;}
.page-template-template-blog h2 {font-size:20px; font-size:2rem; font-weight:bold; color: #777; }
.bloctxtimg-txt h2:after{height:0;}
.bloctxtimg-plus, .bloctxtimg-plus2 {display:inline-block; font-size:20px; font-size:2rem; background-color:rgb(205, 22, 63); background-color:rgba(205, 22, 63, 0.8); color:#fff; margin-top:1rem; line-height: 0; padding:6px 8px; -webkit-transition:background-color .3s; transition:background-color .3s;}
.bloctxtimg-plus:hover, .bloctxtimg-plus2:hover, .bloctxtimg-plus2:active, .bloctxtimg-plus2:focus {background-color:#222; color:#fff;}

/*  MILLESIMES */
.cycle-carousel-wrap {width:100%;}
#annee-smartphone{display: none;width: 100%;padding: 5px;font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.bloc-millesimes .bloctxtimg-ttl {font-size:25px; font-size:2.5rem; display:block; text-align:center; margin-right:-15px;}
.bloc-millesimes h2 {text-align:center; font-size:70px; font-size:7rem; margin-bottom:20px;}
.bloc-millesimes h2:after {height:0;}
.millesimes a {font-size:30px; font-size:3rem; text-align:center; -webkit-transition:color .3s; transition:color .3s; font-family:arial,"ralewaysemibold",sans-serif; color:#fff;}
.millesimes a.active {color:#cd163f;}
.millesimes{min-height:280px;}
.bloc-millesimes .row .col-10{min-height:373px;}
.link-technique:hover, .link-technique:active, .link-technique:focus {color:#fff; text-decoration:none;}
#prev-annees, #next-annees {display:block; height:40px; line-height: 40px; font-size:20px; font-size:2rem; color:#fff; background-color:#222; -webkit-transition:color .3s; transition:color .3s;}
#next-annees {margin-top:14px;}
#prev-annees:hover, #next-annees:hover {color:#cd163f;}

/* OU TROUVER NOS VINS */
.table-vin {width:100%; text-align:left; margin-top:20px; border-collapse:collapse;}
.table-vin th, .table-vin td {padding:5px;}
.table-vin th {background-color:#cd163f; color:#fff;}
.table-vin tr:nth-child(2n){background-color:#eee;}
.table-vin tr { -webkit-transition:background-color .3s; transition:background-color .3s;}
.table-vin tr:hover {background:#ddd;}
.table-vin td{border:1px solid #ccc;}

/* CARTO */
.map {text-align:center; margin-top:20px;}
.map > svg {width:1020px; height:660px;}
.mapTooltip {position:fixed; background-color:#000; padding:5px 15px; font-size:16px;  z-index:1000; text-transform:uppercase; display:none; color:#fff; font-family:"ralewaysemibold",arial,sans-serif;}

/* CONTACT */
.contact input[type=text], .contact select, .contact textarea {border: 1px solid #ddd; padding: 10px; width: 100%; display: block;}
.contact  input[type=checkbox], .contact input[type=radio] {display:inline-block; }
.contact input[type="submit"] {border:0; cursor:pointer; text-transform:uppercase; font-size:12px; margin-top:30px;}
.mainpage-img {background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; }

/* FOOTER */
.footer {padding:10px 0; background-color:#000; font-size:13px; font-size:1.3rem; position:fixed; bottom:0; width:100%; z-index: 50;}
.footer-social { text-align: right; }
.footer-social a {font-size: 24px; font-size: 2.4rem; line-height: 0; }
.footer-legal { float:left; font-size: 10px; font-size: 1rem; color: #777; text-align: left; padding: 3px 5px; border:1px solid #777; }
/* footer interne */
.footer-int {background:url(img/footer.jpg) top left no-repeat; background-size:cover; /*overflow:hidden;*/ margin-bottom:55px; padding-top: 35px;}
.footer-int ul {list-style: none; padding-left:0; font-size:13px; font-size:1.3rem;}
.footer-int .link-mail:hover {text-decoration:underline;}
.bg-footer-int {padding:35px; overflow:hidden;}
.nav-footer-int {margin-left:-15px; margin-right:-15px;}
.nav-footer-int > li {width:20%; padding-left:15px; padding-right:15px; float:left; border-left:1px solid #cd163f;}
.nav-footer-int > li > a {text-transform:uppercase; font-weight:500;}
.footer-int .nav-footer-int li a:hover {color:#cd163f;}

/* newsletter */
.newsletter {margin-top:20px;}
.newsletter form > * {height:37px; display:inline-bloc; vertical-align:top;}
.newsletter input[type="text"] {border:0; color:#222; padding:10px; width:300px;}
.newsletter input[type="submit"] {background-color:#cd163f; border:0; color:#fff; cursor:pointer; padding:11px; -webkit-transition:background-color .3s; transition:background-color .3s; margin-left:2px; -webkit-appearance: none;}
.newsletter input[type="submit"]:hover {background-color:#222; }
/* backtop */
#backtop {position:fixed; right:2%; bottom:5%; padding:3px; background-color:#cd163f; color:#fff; -webkit-transition:background-color .3s; transition:background-color .3s;}
#backtop:hover {background-color:#222;}
#backtop > i {margin:0; vertical-align:top;}

/* MQs */
@media screen and (max-width:1024px) {
	#backtop {display:none!important}
	.main-nav a {padding: 48px 5px;}
	.main-header .col-marge{display: none;}
	
}

@media screen and (min-width:951px) {
	.main-nav .toggle-nav, .mobile-nav, #flags_language_selector {display:none!important;}
}

@media screen and (max-width:950px) {
	input {-webkit-appearance: none;}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12  {width:auto; float:none;}
	.desktop-nav, .mapcontainer {display:none!important;}

	.mobile-nav {padding:15px 0; display:none;}
	.mobile-nav li, .mobile-nav a {display:block; margin:0;}
	.mobile-nav li.menu-item-language {display:inline-block;}
	.search-box {width:100%;}
	.col-3.logo {display:inline-block; width:35%; vertical-align:middle;}
	.col-3.logo + .col-8 {display:inline-block; width:53%; vertical-align:middle;}
	.main-nav a {padding:10px;}
	.main-nav a:after { content:none;}
	header + .main, .page-template-template-millesimes .photobg, .single-chateauphelansegur .photobg {height:auto;}
	.content blockquote {float:none; font-size:16px; max-width:none; width:auto; display:block; padding-left:0; margin:15px 0; border-left:none; }
	.owl-controls { display: none!important; }
	#annee-smartphone{display: block;width: 100%;
		padding: 5px 5px;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;}
	#annee-desktop{display: none;}
	.wpb_column > .wpb_wrapper > *:last-child { margin-bottom: 20px!important; }
	.footer .col-8,
	.footer .col-4 { display: block; width: 100%; text-align: center;}
	.footer-legal { float: none; display: inline-block; margin-right: 5px; margin-top: 5px;}
}

@media screen and (max-width:667px) {
	.main p, .bloctxtimg p {line-height:1.6;}
	.col-3.logo {width:45%;}
	#md-carousel-perso .owl-controls {top:38%;}
	.photobg {overflow:visible;  padding:10px 0; background-attachment:scroll;}
	.diapobg { padding: 0; }
	.photobg > .wrap {margin-top:0;}
	header, .footer {position:static;}
	.content {padding:15px 0;}
	.content-ttl, .content-ttl span {background:none; padding:0;}
	.footer-int {display:none;}
	.bloc-millesimes .bloctxtimg-ttl {margin-right:0; font-size:18px; font-size:1.8rem;}
	.mright-15 {margin-right:0;}
	.content-date {display:none;}
}