/*
Theme Name: Pharos
Author: Nicolas BLOMME (Agence Kaolin)
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

/* Fonts */
@import url("fonts/fonts.css");


html body{ font-family:Gotham; }
.font-special, .button, .counter-title, h6, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .pricing-plan .pricing-plan-head h3, a.catimage, .divider-title, button, input[type='submit'], input[type='reset'], input[type='button'], .vc_pie_chart h4, .page-404 h3, .minti_masonrygrid_item h4,
h1,h2,h3,h4,h5,h6,#navigation > ul > li > a,#breadcrumbs, #breadcrumbs a{
font-family:inherit !important; }

.blog-page .post h1, .blog-page .post h2{ font-weight:400; }
body .entry-image .entry-overlay{ background:rgba(30, 139, 204,0.5); }

/* Quadrillage */
@media only screen and (max-width: 1199px) and (min-width: 960px){ .wpb_row.container{ margin-left:-20px; margin-right:-20px; } }

/* Colors */
#back-to-top a,.pharos_slider .prev,.pharos_slider .next,.pharos_gallery .prev,.pharos_gallery .next{ background:#beaa93; }
body.single aside .indepth .title,body.single #sidebar .infos dt{ color:#beaa93; } /* Gold */
body.single aside .files{ background:#e9e3dc; } /* Gold 2 */
#footer .columns .widget h3,body.single .entry-meta > a,#footer .social a,#breadcrumbs #crumbs a:hover{ color:#1d8bcb; } /* Bleu ciel */

/* Buttons */
.button.style-2{ background:#c8b39a; border-color:#c8b39a; } .button.style-2:hover{ background:#1d8bcb; border-color:#1d8bcb; }

/* Sources */
.source img{ width:30px; height:30px; vertical-align:middle; margin-right:0.5em; background:#1d8bcb; }
.source-4 img{ background:#ff3709; } .source-5 img{ background:#45c084; } .source-6 img{ background:#f7b400; }
.source-7 img{ background:#80317d; } .source-8 img{ background:#666666; } .source-9 img{ background:#be7328; }

/* Header */
.logo img.logo_standard,.logo img.logo_retina{ height:88px; }
#header #navigation > ul > li{ text-transform:uppercase; }
.header-v1 #navigation{ position:relative; }
.header-v1 #navigation .header-icons{ position:absolute; font-weight:bold; top:5px; right:0px; font-size:13px; text-transform:uppercase; color:#118acb; }
.header-v1 #navigation .header-icons i{ margin-left:10px; font-size:16px; }
.header-v1 #navigation > ul > li > a{ font-weight:bold; font-size:13px; }
#header #navigation .button{ float:right; font-weight:normal; margin-top:36px; padding:14px 14px; }
body #navigation .sub-menu li a,body #navigation .sub-menu ul li a{ border-color:white; }
@media screen and (max-width:1420px){ .header-v1 #navigation > ul > li > a{padding-left:0px;} } /* Retrait d'un padding */
@media screen and (max-width:1330px){  /* Modification du bouton */
#header #navigation .button{position:relative; text-indent:-9999px; width:13px; } #header #navigation .fa-user{ text-indent:0px; position:absolute; left:15px; top:15px; } #header #navigation .fa-chevron-right{ display:none; }
}
@media screen and (max-width:1155px){ .header-v1 #navigation > ul > li > a{padding-right:10px; font-size:12px; } } /* Reduction Taille Typo et padding */
@media screen and (max-width:1075px){ #header #navigation .button{ display:none; } .header-v1 #navigation > ul > li > a{font-size:11px;} }
#title{ text-transform:uppercase; }


/* Footer */
#footer{ text-transform:uppercase; font-weight:bold; line-height:1.3em; font-size:80%; }
#copyright{ font-weight:bold; font-size:80%; }
#footer .widget ul{ list-style:disc inside; }
#footer .widget ul li{ border-bottom:0px; }
#footer .widget ul li:after{ display:none; }
#footer .social{ font-size:20px; } #footer .social a + a i{ margin-left:1em; }
@media screen and (max-width:1280px){
	#footer #searchform input{ width:100%; -moz-box-sizing:border-box; box-sizing:border-box; }
	#footer #searchform #searchsubmit{ padding:14px 0px; }
}


/* Slider & Gallery */
.slider_wrapper{ text-align:center; }
.slider_wrapper .button{ position:relative; top:-22px; z-index:10; }
.pharos_slider,.pharos_gallery{ position:relative; }
.pharos_slider ul{ position:relative; width:100%; white-space:nowrap; margin:0px; } .pharos_slider ul li{ white-space:normal; display:inline-block; width:100%; text-align:left; margin:0px; overflow:hidden; }
.pharos_slider img[class!="source"]{ width:100%; height:auto; }
.pharos_slider .prev,.pharos_slider .next,.pharos_gallery .prev,.pharos_gallery .next{ position:absolute; width:40px; height:40px; text-align:center; line-height:40px; top:50%; margin-top:-20px; left:0px; z-index:10; color:white; cursor:pointer; }
.pharos_slider .next,.pharos_gallery .next{ left:auto; right:0px; }
.pharos_gallery .gallery_wrapper{ overflow:hidden; margin:0px 50px; }
.pharos_gallery ul{ position:relative; white-space:nowrap; margin:0px; list-style:none; }
.pharos_gallery li{ display:inline-block; margin:0px; padding:0px 2%; width:16.66666%; -moz-box-sizing:border-box; box-sizing:border-box; }
.pharos_gallery[data-max="2"] li{ width:50%; } .pharos_gallery[data-max="3"] li{ width:33.33333%; } .pharos_gallery[data-max="4"] li{ width:25%; } .pharos_gallery[data-max="5"] li{ width:20%; }
@media screen and (max-width:768px){ .pharos_gallery li{ width:33.33333%; padding:0px 4%; } }
.pharos_slider .single_image img{ width:100%; }

/* Home */
#slider_projet .padding-3{ padding-left:83px !important; } #slider_projet .no-padding + .padding-3{ padding-left:3% !important; padding-right:83px !important; }
#slider_home{ background:black; position:relative; width:100%; overflow:hidden; }
#slider_home ul{ font-size:0px; }
#slider_home ul li{ position:relative; text-align:center; }
#slider_home ul li:before{ content:""; padding-top:30%; width:1px; display:inline-block; vertical-align:middle; }
#slider_home .background{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0.45; object-fit:cover; }
#slider_home .middle{ position:relative; width:80%; max-width:1200px; display:inline-block; vertical-align:middle; text-align:left; color:white; text-transform:uppercase; font-size:18px; }
#slider_home .middle .pays{ opacity:0; transition:opacity 300ms 500ms; }
#slider_home .middle .slider_title{ position:relative; opacity:0; top:2em; transition:all 300ms 600ms; }
#slider_home .middle .provenance,#slider_home .middle .source{ opacity:0; transition:opacity 300ms 1000ms; }
#slider_home .middle .provenance + .source{ transition:opacity 300ms 1200ms; }

#slider_home ul li.current_slide .middle .pays,#slider_home ul li.current_slide .middle .slider_title,#slider_home ul li.current_slide .middle .provenance,#slider_home ul li.current_slide .middle .source{ opacity:1; top:0px; }
#slider_home .middle .pays a{ color:white; }
#slider_home .middle .slider_title{ color:#1d8bcb; text-transform:none; font-weight:600; font-size:32px; }

/* Page */
#page-wrap{ overflow: hidden; }

/* Page Full */
#content.columns > .standard-section.container{ margin:0px auto; }
.bg_size_100{ background-size:100% auto; }

/* Page : NOS PARTENAIRES */
@media screen and (min-width:768px){
	.page-id-2068 .vc_tta.vc_general .vc_tta-panels{ margin:0px -20px; }
	.page-id-2068 .vc_tta.vc_general .vc_tta-panel,.page-id-2068 .vc_tta.vc_general .vc_tta-panel.vc_active{ display:inline-block; vertical-align:top; width:calc(50% - 40px); margin:0px 20px; }
}

/* Page Projet */
.single-projet .wpb_row.vc_row-o-full-height{ min-height:0px; }
.projets_container .wpb_row{ margin-bottom:0px; }
@media screen and (max-width:1200px){
	.projets_container .vc_col-sm-4,.projets_container .vc_col-sm-8{ width:100%; }
}

/* Single */
body.single .entry-title{ margin-top:40px; text-transform:uppercase; }
.single .twelve.alt.sidebar-right{padding-right:0px; width:860px; }
body.single #content,body.single #sidebar.sidebar-right #sidebar-widgets{ padding-top:0px; border:0px; }
body.single .sharebox{ text-transform:uppercase; float:right; margin:0px; } body.single .sharebox ul{ display:inline-block; vertical-align:middle; } .sharebox ul li{ margin:0px 0px 0px 22px; }
body.single .entry-meta{ line-height:36px; text-transform:none; } body.single .entry-meta ul li:after{ display:none; }
body.single aside ul{ list-style:none; margin:0px; }
body.single aside .indepth{ border-left:3px solid #beaa93; padding-left:30px; } body.single aside .indepth .title{ text-transform:uppercase; }
body.single aside .files{ padding:30px; text-transform:uppercase; color:black; }
body.single aside .files li{ overflow:hidden; padding-top:10px; } body.single aside .files li+li{ margin-top:15px; } body.single aside .files li a{ float:right; color:black; border:1px solid black; padding:5px 20px; margin-top:-8px; }
body.single aside .yarpp-related .title{ text-align:center; text-transform:uppercase; border-top:1px solid #999999; padding-top:25px; margin-bottom:25px; }
body.single aside .indepth,body.single aside .files,body.single aside .yarpp-related{ margin-top:60px; }
body.single #sidebar .infos{ padding:20px; background:#f1ede8; }
body.single #sidebar .infos dl{ overflow:hidden; } body.single #sidebar .infos dt{ float:left; clear:left; margin-right:0.5em; }
body.single #sidebar .infos .title,body.single #sidebar .infos .source,body.single #sidebar .infos .pays{ text-transform:uppercase; }
body.single #sidebar .infos .payant{ color:#fc4733; }
body.single #sidebar .infos .source,body.single #sidebar .infos .payant,body.single #sidebar .infos .pays,body.single #sidebar .infos .button{ margin-top:15px; }
body.single #sidebar #open_form{ display:none; }
body.single aside .yarpp-related ol{ margin-left:-20px; margin-right:-20px; }
body.single aside .yarpp-related ol li{ display:inline-block; vertical-align:top; margin:0px 20px; width:25%; width:calc(33.33% - 40px); }
body.single aside .yarpp-related ol li h4{ font-size:14px; margin:0.5em 0px; }
body.single .entry-content img[src^="/wp-content"],body.single .entry-content img[src^="http://opcr.bayardserviceweb.com"]{ margin-left:0px !important; margin-right:20px !important; }

/* Actu */
.blog-page.fullactu{ padding-top:40px; }
.blog-page.fullactu > header{ text-align:center; padding-bottom:40px; }
.blog-page.fullactu > header .button{ margin:0px 10px 25px; }
.blog-page.fullactu .blog-wrap{ width:100%; }
.blog-page.fullactu .post{ margin-left:18px; margin-right:18px; float:none; display:inline-block; vertical-align: top; }
.blog-page.fullactu .read-more-link{ display:block; width:auto; float:right; }
.blog-page.fullactu a h4{ margin-bottom:10px; }
.blog-page.fullactu article .source{ margin-bottom:10px; }
.blog-page.fullactu article .provenance,.blog-page.fullactu article .source{ font-size:12px; }
.blog-page.fullactu article .source img{ width:24px; height:24px; }


/* Filtres */
#toggle_filter{ display:inline-block; }
#toggle_filter .open,#toggle_filter .close{ cursor:pointer; text-transform:uppercase; display:none; }
#toggle_filter .current{ display:block; }
#filter_actu{ text-transform:uppercase; padding-top:20px; color:black; background:#f8f6f4; }
#filter_actu form{ position:relative; padding-bottom:30px; }
.labeltitle{ font-weight:bold; margin-bottom:10px; position:relative; color:black; }
.labeltitle:before{ content:""; position:absolute; top:100%; width:2.5em; border-top:1px solid black; }
.wrapper_regions label{ display:inline-block; width:100%; vertical-align:top; }
#filter_actu select,#filter_actu input[type="search"],#filter_actu input[type="date"]{ 
	width:100%; padding:2px; border:1px solid black; border-radius:0px; color:black; text-transform:uppercase; font-family:inherit; outline:0; background:transparent !important; -moz-box-sizing:border-box; box-sizing:border-box;
}
#filter_actu input[type="date"]{ padding-left:25px; } #filter_actu input[type="date"] + i{ float:left; margin-top:-20px; margin-left:7px; }
#filter_actu select{ text-align-last:center; } #filter_actu select[disabled="disabled"]{ opacity:0.16; }
label[for="keyword"]{ position:relative; } label[for="keyword"] i{ position:absolute; top:100%; right:5px; margin-top:15px; }
#filter_actu input[type="search"]{ border:0px; border-bottom:1px solid black; padding:5px 25px 5px 0px; }
#filter_actu input[type="checkbox"],#filter_actu input[type="radio"]{ display:none; } 
#filter_actu .wrapper_sources input + label{ position:relative; padding-left:25px; }
#filter_actu .wrapper_regions fieldset input + label{ position:relative; padding-left:25px; margin-left:10px; font-size:13px; }
#filter_actu .wrapper_sources input + label:before,#filter_actu .wrapper_regions fieldset input + label:before{ content:""; border:1px solid black; position:absolute; left:0px; top:4px; width:15px; height:15px; }
#filter_actu .wrapper_sources input + label:after,#filter_actu .wrapper_regions fieldset input + label:after{ content:"\f00d"; position:absolute; top:3px; left:2px; color:#1e8bcc; font:normal normal normal 18px/1 FontAwesome; display:none; }
#filter_actu .wrapper_sources input:checked + label,#filter_actu .wrapper_regions fieldset input:checked + label{ color:#1e8bcc; }
#filter_actu .wrapper_sources input:checked + label:before,#filter_actu .wrapper_regions fieldset input:checked + label:before{ border-color:#1e8bcc; }
#filter_actu .wrapper_sources input:checked + label:after,#filter_actu .wrapper_regions fieldset input:checked + label:after{ display:block; }
#filter_actu .wrapper_regions input[name="togglerRegion"] + label{ padding:0px 10px; margin-bottom:5px; font-size:16px; } #filter_actu .wrapper_regions input[name="togglerRegion"] + label:hover{ background:#e9e3dc; }
#filter_actu .wrapper_regions input[disabled="disabled"] + label{ opacity:0.16; } #filter_actu .wrapper_regions input[disabled="disabled"] + label:hover{ background:transparent; }
#filter_actu .wrapper_regions input[name="togglerRegion"] + label:before{ content:"\f078"; float:right; font:normal normal normal 12px/1 FontAwesome; margin-top:8px; }
#filter_actu .wrapper_regions input[name="togglerRegion"]:checked + label:before{ content:"\f077"; }
#filter_actu .wrapper_regions fieldset,#filter_actu .wrapper_regions input[disabled="disabled"]:checked ~ fieldset{ overflow:hidden; max-height:0px; transition:all 400ms; }
#filter_actu .wrapper_regions input:checked ~ fieldset{ max-height:200px; }


#pays + .labeltitle[for="dates"]{ margin-top:30px; }
.number_results{ text-align:center; background:#1d8bcb; padding:10px; font-size:22px; } .number_results span{ color:white; }
.buttons_container{ padding-top:1px; clear:both; }
@media only screen and (min-width:768px){ .buttons_container{ position:absolute; bottom:30px; right:20px; } }
.buttons_container button{ display:block; margin:10px 0px 0px; width:100%; border-radius:0px; padding:10px 15px; }
.buttons_container button[type="reset"]{ background:none; color:black; border-color:black; }

/* Author */
.author-archive{background:#f8f6f4; color:#333333; } .author-archive .number_results{ color:#333333; text-transform:uppercase; }
.author-archive #author-info{ position:relative; z-index:1; margin:0px auto; padding:30px 0px; background:none; }
#author-info .author-image{ height:auto; width:auto; overflow:visible; text-align:center; }
#author-info .author-image img{ width:115px; height:115px; }
#author-info .author-image .social_link{ display:inline-block; margin-top:15px; font-size:20px; }
#author-info .author-image .social_link + .social_link{ margin-left:15px; }
#author-info .author-image .button{ display:block; margin-right:0px; margin-top:15px; }
#author-info .author-bio h4{ color:inherit; text-transform:none; }
.author-archive.observateur_junior,.author-archive.observateur_pharos{ position:relative; background:url(img/bg_obsjunior.jpg) center center no-repeat rgba(0, 167, 119,0.5); background-size:cover; color:white; }
.author-archive.observateur_junior:before,.author-archive.observateur_pharos:before{ content:""; position:absolute; z-index:0; top:0px; left:0px; bottom:59px; right:0px; width:auto; height:auto; background:rgb(0, 167, 119); opacity:0.5; }
.author-archive.observateur_junior .number_results,.author-archive.observateur_junior #author-info .author-image .button,.author-archive.observateur_pharos .number_results,.author-archive.observateur_pharos #author-info .author-image .button{ background:#00a777; }
.author-archive.observateur_junior #author-info .author-image .button,.author-archive.observateur_pharos #author-info .author-image .button{border-color:#00a777;}
.author-archive.observateur_junior #author-info .author-image .button:hover,.author-archive.observateur_pharos #author-info .author-image .button:hover{ background: #333333; border-color: #333333; }
.author-archive.observateur_junior #author-info .author-image .social_link,.author-archive.observateur_pharos #author-info .author-image .social_link{color:white;}
.author-archive.observateur_junior #author-info .author-image .social_link:hover,.author-archive.observateur_pharos #author-info .author-image .social_link:hover{color:#00385e;}
.author-archive.observateur_junior #author-info .author-image img,.author-archive.observateur_pharos #author-info .author-image img{ border:2px solid white; border-radius:100% 100%; }

/* Authors */
.observateurs_grid{ text-align:center; }
.container.observateurs_grid .observateur{ padding-top:10px; padding-bottom:10px; text-transform:uppercase; display:inline-block; float:none; vertical-align:top; text-align:left; }
.observateurs_grid .observateur a{ position:relative; display:inline-block; } .observateurs_grid .observateur a .entry-overlay{ opacity:0px; transition:opacity 200ms; height:0px; padding-top:100%; }
.observateurs_grid .observateur a:hover .entry-overlay{ opacity:1 !important; }
.observateurs_grid .observateur img{ display:block; margin:0px auto 10px; }
@media only screen and (max-width: 767px){ .observateurs_grid .observateur{ text-align:center; } }

/* GForms */
@media only screen and (min-width: 768px){
	#gform_2 #field_2_3{ float:left; width:50%; } #gform_2 #field_2_2{ display:inline-block; width:50%; }
	#gform_2 #field_2_3 input, #gform_2 #field_2_2 input{ width:100%; }

	#gform_1 #field_1_1,#gform_1 #field_1_2{ width:50%; display:inline-block; vertical-align:bottom; }
	#gform_1 #input_1_2{ margin-bottom:0px; }
}

/* MyMail Form */
.wrapper_abonnement p{ margin:0px; }
.mailster-form .mailster-form-fields .mailster-wrapper{ margin-bottom:15px; }
.mailster-form .mailster-lists-wrapper > label,.mailster-form fieldset.full > legend{ color:#1d8bcb; font-weight:700; font-size:16px; margin-bottom:10px; }
.mailster-form fieldset{ display:inline-block; width:33.3333%; vertical-align:top; margin-bottom:10px; }
.mailster-form fieldset legend{ font-weight:bold; }
.mailster-form fieldset.full{ width:100%; }


/* inférieur à 1200px */
@media only screen and (max-width:1200px){
	body.single #sidebar .infos .title{ font-size:22px; }
}

/* Ipad Landscape */
@media only screen and (min-width:768px) and (max-width:1024px){
	#slider_projet .vc_col-sm-4, #slider_projet .vc_col-sm-8{ width:100%; }
	body.single #sidebar .infos .title{ font-size:16px; }
}
/* Mobile & Ipad Portrait */
@media only screen and (max-width: 768px){
	.logo img.logo_standard{ display:block;     max-width: 100%; }
	#slider_projet .vc_col-sm-4, #slider_projet .vc_col-sm-8{ width:100%; }
	#slider_projet .padding-3,#slider_projet .no-padding + .padding-3{ padding:40px 83px !important; }
	#footer .columns{ width:calc(33.33% - 20px); padding:0px 10px; }
	#slider_home ul li{ vertical-align:middle; }
	#slider_home .middle{ font-size:14px; width:70%; padding:10px 0px; }
	#slider_home .middle .slider_title{ font-size:18px; }
	#slider_home + .button{ top:10px; }
	#fullimagecenter h1, #transparentimage h1{ font-size:30px !important; }
	body #mobile-navigation ul li a{ border-color:white !important; }
}