Theme Name: Bentuestu Theme URI: http://www.demo.mesathemes.com Description: Bentuestu One page Wordpress Theme perfect for renting out house, B&B, guest house and small hotel. WPML and Booking System Pro Supported. Author: Mesacreativa Author URI: http://www.mesathemes.com Version: 2.5 Tags: light, gray, white, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, theme-options, translation-ready License: GNU General Public License version 3.0 & Envato Regular License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses ----------------------------------------------------------------------------------- 0. CSS Reset & Clearfix 1. Document Setup (body, common classes, vertical rhythm, structure etc) 2. Header Styles 3. Main Content Styles 4. Post Content Styles 5. Comments 6. Pagination 7. Footer Styles 8. Page & Page Templates 9. Widgets 10. Animation Modules Settings 11. Retina support 12. Shortcodes 13. Plugins styles 14. Media Queries -----------------------------------------------------------------------------------*/ @font-face { font-family: 'genovefaregular'; src: url('./fonts/genovefa-webfont.eot'); src: url('./fonts/genovefa-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/genovefa-webfont.woff2') format('woff2'), url('./fonts/genovefa-webfont.woff') format('woff'), url('./fonts/genovefa-webfont.ttf') format('truetype'), url('./fonts/genovefa-webfont.svg#genovefaregular') format('svg'); font-weight: normal; font-style: normal; } /*-----------------------------------------------------------------------------------*/ /* SV2 ajouts /*-----------------------------------------------------------------------------------*/ .main .container{max-width:1200px; margin:auto;} .adlucem-btn strong a{font-family:'Itim'; border-radius:0 !important; font-size: 26px; padding:24px !important;} .encart_gris{margin-top: 45px; border-top: 10px solid #999996;} .encart_gris p#homepage_semaine{font-size:1.6rem; color:#333; margin-bottom:10px;} .encart_gris p#homepage_semaine:before {content:""; display:block; height:1px; background:black; width:50px; margin:10px auto 15px auto;} .encart_gris .su-posts:after{content:""; display:block; height:5px; background:#bf1e2d; width:50px; margin:20px auto 5px auto;} .encart_gris p.adlucem{font-family: 'Itim'; font-size: 20px; text-align:center; max-width: 450px; margin: 0 auto 10px auto;} .encart_gris h2{font-size: 4.5rem; text-transform: none; letter-spacing: 0;} h2:first-letter, .first-letter{font-size: 50px; margin-left: -10px; margin-right: 2px;} .page-id-277 h2:first-letter, .first-letter{font-size: inherit;} .encart_gris h2:first-letter{font-size: inherit;} footer p{text-align: center !important;} footer p .pull-right, footer p .pull-left{float:none;} .wpcf7 iframe{padding:0 !important;} #wpcf7-f28-p38-o1 .wpcf7-not-valid{border: 2px solid red; background-color: rgba(255, 0, 0, 0.15);} #wpcf7-f28-p38-o1 .wpcf7-not-valid-tip{font-size:13px; font-style:italic;} form.sent p, form.sent .api-captcha{display: none;} div.wpcf7-mail-sent-ok {text-align: center; font-size: 24px; margin-top:50px; color:#bf1e2d;} .vie-chretienne .container.page-content .col-md-8, .education-pedagogie .container.page-content .col-md-8, .enseignement .container.page-content .col-md-8, .education-pedagogy .container.page-content .col-md-8, .christian-life .container.page-content .col-md-8, .teaching .container.page-content .col-md-8, .erziehung .container.page-content .col-md-8, .christliches-leben .container.page-content .col-md-8, .unterricht .container.page-content .col-md-8 {float:none; margin:auto;} #searchwp_live_search-2 h3, #searchwp_live_search-2 span.screen-reader-text, #searchwp_live_search-3 h3, #searchwp_live_search-3 span.screen-reader-text, #searchwp_live_search-4 h3, #searchwp_live_search-4 span.screen-reader-text{display: none;} div#searchwp_live_search-2 input[type="search"], div#searchwp_live_search-3 input[type="search"], div#searchwp_live_search-4 input[type="search"]{height: 25px; width: 60%; margin-left: 5px;} input.search-submit {display:none; height: 25px; line-height: 20px; font-family: 'itim';} #searchwp_live_search-2 label, #searchwp_live_search-3 label, #searchwp_live_search-4 label{display: flex; flex-direction: row; justify-content: flex-end; padding-right: 10px; padding-top: 7px; line-height: 20px; width: 100%;} .lettrebox{width: 35%;} .searchbox{width: 50%;} .donatebox{width: 15%;} .legalnotice h2{text-align: left; font-size: 2.85rem; line-height: 2.85rem; margin-top: 0; margin-bottom: 0; padding-top: 25px; letter-spacing: 0.05em;} .legalnotice h2:first-letter{font-size:2.85rem; margin-left:0px; margin-right:0px;} .legalnotice h3{font-size: 2.15rem; font-family: 'Itim'; font-weight: bold; margin: 25px 0 10px; letter-spacing: 0.05em; text-align: left; color: #333;} .post-container form#sib_signup_form_2 input {margin-right: 0; padding: 6px 21px; height: 40px; box-sizing: border-box; border: 2px solid #bf1e2d !important; border-right: none !important;} .post-container form#sib_signup_form_2 input.sib-email-area {background-color: #fff; width: 225px; font-style: italic; padding-left: 12px; padding-top: 8px; font-size: 14px;} .post-container input.sib-default-btn {background-color: #bf1e2d; color: #fff;} .post-container form#sib_signup_form_2 input.sib-default-btn {border: 1px solid #bf1e2d !important;} .post-container form#sib_signup_form_2 input {margin-right: 0; padding: 6px 21px; height: 40px; box-sizing: border-box;} .post-container form#sib_signup_form_2 {margin: auto; width: 350px; margin-top:25px;} p.infolettre-phrase {font-size: 18px; text-align: center; margin-top: -175px;} @media (max-width: 1024px){ .post-container form#sib_signup_form_2 input.sib-email-area{width: 165px !important;} .post-container form#sib_signup_form_2{width: 290px;} } #searchwp_live_search-2 label:before, #searchwp_live_search-3 label:before, #searchwp_live_search-4 label:before{content:""; display:inline-block; width:25px; height:25px; background-image:url('https://www.scholae-fanjeaux.org/wp-content/uploads/2019/01/search-icon.png'); background-size: 21px 21px; background-repeat:no-repeat; background-position: center; margin:0 5px 0 0;} h4.message_rentree {border-bottom: none; text-align: center; text-transform: inherit; font-size: 28px; font-style: italic; font-weight: 500; line-height: 1.15; letter-spacing: 0.75px; max-width: 850px; margin: auto;} /* ---------------------------------- */ /* ---------- Publications ---------- */ /* ---------------------------------- */ .chapo{font-family:'Lora'; font-size:18px; line-height:24px; color:#222; text-align:center; padding-bottom:25px;} .book-encart{background-color:#f1f1eb; padding:35px; margin:35px auto; display:flex; flex-direction:row; align-items:flex-start} .couv-book img{max-width:300px; margin-right:30px;} .prez-book h4{font-family:'Lora'; font-size:16px; text-transform:uppercase; color:#5b5757; font-weight:700; font-style:italic; padding-bottom:15px; border-bottom:none; margin:0; text-align:left;} .prez-book h3{font-family:'Lora'; font-size:30px; line-height:32px; color:#bf1e2d; font-weight:700; text-transform:unset; text-align:left; letter-spacing:1px; margin:0;} .prez-book h3 span{font-size:22px;} .prez-book hr{height:1px; width:50px; background-color:#222; margin:20px 0;} .prez-book p{font-family:'Lora'; font-size:18px; line-height:24px; color:#5b5757; padding-bottom:15px; margin-bottom:0; text-align:left;} .prez-book p span{font-style:italic;} .prez-book p span.prez-auteur{font-variant:small-caps; font-size:16px; font-style:normal;} .prez-book h6{font-family:'Lora'; font-size:16px; line-height:18px; color:#151515; padding-top:5px; text-transform:unset; margin-bottom:0; text-align:left;} .prez-book h6 span{font-variant:small-caps; font-weight:700;} .prez-book .buy-book a{font-family: 'Itim'; font-size: 28px; color:#bf1e2d; padding:6px 18px 8px 18px; background-color:#fff; transition:all 0.35s ease;} .prez-book .buy-book{padding-top:35px;} .prez-book .buy-book a:hover{background-color:#bf1e2d; color:#fff; border-radius:25px;} /* ---------- qui sommes-nous ---------- */ .gallery-item.qui-gall-one, .gallery-item.qui-gall-three{width: 30.25% !important;} .gallery-item.qui-gall-two {width: 39% !important;} @media (max-width: 767px){ .gallery-item.qui-gall-one, .gallery-item.qui-gall-three, .gallery-item.qui-gall-two {width: 100% !important;} } /* ---------------------------------- */ /* ----------- Evenements ----------- */ /* ---------------------------------- */ .event-thumb {max-height: 235px; overflow: hidden;} .event-thumb img {width: 100%; height: auto;} .event-post h4 {font-size: 1.45rem; font-variant: small-caps; text-transform: initial; font-weight: 700; letter-spacing: 0.75px; font-style: italic; text-align: left; color: #333; margin:0; padding-top: 12px; border-bottom: 0;} .event-post h4 i{color: #BF1E2D;} .event-post h3 {font-size: 2.5rem; font-weight:700; color: #BF1E2D; text-align: left; text-transform: initial; letter-spacing: 0.25px; margin:0;} .event-post p {padding-top: 10px; text-align: left;} .event-post a {font-family: 'Itim'; font-size: 18px; padding: 8px 10px; background-color: #fff; border: 1px solid #bf1e2d;} .event-post a {transition:all 0.25s ease; font-family: 'Itim'; font-size: 18px; padding: 8px 10px; background-color: #fff; border: 1px solid #bf1e2d;} .event-post a:hover {background-color: #BF1E2D; color:#fff !important;} /* ---------- Evenements single ---------- */ .evenements .page-title{padding-top:10px; min-height:350px;} .evenements h4 {text-align: center; max-width: fit-content; margin: auto; color: #777; border-bottom: 1px dashed #999; font-size: 1.75rem;} .evenements h3 {font-size: 4rem; color: #BF1E2D; text-transform: initial; letter-spacing: 0.75px; margin-top: 25px;} .gallery-item.event-photo{max-width: 25%; max-height: calc(100vw * 0.1); margin-bottom: 0 !important;} .evenements .hr-box {clear: both; padding-top: 35px; max-width: 250px; margin: auto;} .rel-event-post {clear: both; text-align: center;} .evenements a#bouton_blog {max-width: 250px; margin: 10px auto 0 auto !important;} a.novapdf {background-color: #bf1e2d; color: #fff !important; padding: 5px 10px; border-radius: 2px; transition: all 0.25s ease; font-family: 'Itim'; font-size: 18px; margin: 15px auto 0 auto; display: block; max-width: 290px; text-align: center;} a.novapdf:hover {background-color:#9c0711; border-radius: 17px; color: #fff !important;} /* MEDIA QUERIES */ @media (min-width: 2380px){ .gallery-item.event-photo {max-height: calc(100vw * 0.075);} } @media (min-width: 1920px) and (max-width: 2379px){ .gallery-item.event-photo {max-height: calc(100vw * 0.0825);} } @media (max-width: 1680px){ .gallery-item.event-photo{max-height: calc(100vw * 0.1125);} } @media (max-width: 1580px){ .gallery-item.event-photo{max-height: calc(100vw * 0.125);} } @media (max-width: 1380px){ .gallery-item.event-photo{max-height: calc(100vw * 0.135);} .lettrebox{width: 40%;} .searchbox{width: 45%;} .donatebox{width: 15%;} } @media (max-width: 1180px){ .lettrebox{width: 44%;} .searchbox{width: 38%;} .donatebox{width: 18%;} } @media (max-width: 1024px){ .couv-book img {max-width: 250px;} .prez-book h4{font-size: 14px;} .prez-book h3{font-size: 32px; line-height: 36px;} .prez-book h3 span {font-size: 24px;} .prez-book p{font-size: 16px; line-height: 20px; padding-bottom: 12px;} .prez-book h6{font-size: 14px; line-height: 16px;} .prez-book hr {height: 1px; margin: 15px 0; background-color: #bbb;} .prez-book .buy-book a{font-size: 22px;} } @media (min-width: 992px) and (max-width: 1190px){ .event-thumb{max-height: 205px;} } @media (min-width: 992px){ .event-post h3{min-height: 60px;} .post-container.event-post{margin-bottom:25px;} } @media (max-width: 880px){ .couv-book img {max-width: 220px; margin-right:0; margin-left:30px; margin-top: 35px;} .couv-book{order:2;} .prez-book{order:1;} .prez-book h3{font-size: 28px; line-height: 30px;} .chapo{font-size: 22px; line-height: 30px;} .gallery-item.event-photo{max-width: 50%; max-height: calc(100vw * 0.275);} } @media (max-width: 680px){ .couv-book img {max-width: 160px;} .prez-book h3 {font-size: 24px; line-height: 26px;} .prez-book h3 span {font-size: 22px;} .chapo{font-size: 20px; line-height: 28px;} } @media (max-width: 580px){ .book-encart{flex-direction:column; padding:30px} .couv-book{order:1;} .prez-book{order:2;} .couv-book {margin-right:auto; margin-left:auto;} .couv-book img {max-width: 200px; margin-right:auto; margin-left:auto; margin-bottom: 15px; margin-top:0;} .prez-book h4, .prez-book h3, .prez-book p, .prez-book h6, .prez-book .buy-book a{text-align:center;} .prez-book hr{margin-right:auto; margin-left:auto;} } @media (max-width: 340px){ .gallery-item.event-photo{max-width: 49%; max-height: calc(100vw * 0.275); min-height: 65px; margin: 0.5%;} } /*-----------------------------------------------------------------------------------*/ /* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/ /*-----------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ /*-----------------------------------------------------------------------------------*/ /* 1. Document Setup (body, common classes, vertical rhythm, structure etc) /*-----------------------------------------------------------------------------------*/ html { font-size: 62.5%; /* Sets up the Base 10 stuff */} body {font-family: 'Lora', serif; font-size: 1.4rem; line-height: 24px; font-weight: normal; color: #5b5757;} h1, h2, h3, h4, h5, h6 {font-family: 'Lora', serif; color: #000; text-transform: uppercase;} h1 {font-size: 2.2rem; font-weight: normal; line-height: 32px; letter-spacing: 0.1em; padding-left: -0.1em; margin-bottom: 25px;} h2 {text-align: center; font-family: 'Itim', cursive; font-size: 3rem; line-height: 28px; font-weight: normal; margin-top: 20px; margin-bottom: 25px; letter-spacing: 0.1em; padding-left: -0.1em; color: #bf1e2d;} h3 {font-size: 1.6rem; font-weight: normal; margin: 40px 0 30px; letter-spacing: 0.1em; padding-left: -0.1em; text-align: center;} h4 {font-size: 1.2rem;margin-top: 0;margin-bottom: 15px;letter-spacing: 0.1em;padding-left: -0.1em;color: #BF1E2D;font-weight: 600;padding-bottom: 15px;border-bottom: 1px solid;} .page-id-273 h4{margin-top: 5px;} h5 {font-size: 1.4rem; line-height: 18px; text-transform: none; margin-bottom: 20px;} h6 { font-size: 1.2rem; line-height: 16px; margin-bottom: 20px; letter-spacing: 0.05em; padding-left: -0.05em;} .h2-divider { height: 1px; width: 120px; background: #000; display: block; margin: 0 auto 40px auto; } body.vie-chretienne span.h2-divider, body.enseignement span.h2-divider, body.education-pedagogie span.h2-divider { margin: 20px auto !important; } a, a:hover, a:visited, a:active, a:focus {color: #bf1e2d; text-decoration: none; font-weight: normal;} .main a:hover{ color: #000;} span.entry-categories, span.entry-tags{line-height: 70px;} span.entry-categories a, span.entry-tags a{color: #bf1e2d; border: 2px solid #bf1e2d; padding: 15px; border-radius: 4px; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 12px;} span.entry-tags a{background-color: #bf1e2d; color: #fff;} span.entry-categories a:hover{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #bf1e2d; color: #fff;} span.entry-tags a:hover{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #fff; color: #bf1e2d;} .entry-meta{ text-align: center;} a img { border: none; } a > img { vertical-align: bottom; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .post-thumb, .video-thumb, .audio-thumb, .author-bio {margin-bottom: 20px;} p, address {line-height: 24px; font-size: 16px;} p{text-align: justify;} sup {font-size: 0.7em;} /* div.row p:first-of-type:first-letter { color: #BF1E2D; font-size: 36px; margin-right: 2px; margin-left: -5px; } */ div.row p.subtitle:first-letter {color: #757575; font-size: inherit;} .col-md-7 div.row p:first-of-type:first-letter {color: #757575; font-size: 14px; margin: 0;} .single div.row .citation_auteur:first-of-type:first-letter {font-size: 18px;} .page-id-273 div.row p:first-of-type:first-letter, .page-id-38 div.row p:first-of-type:first-letter{font-size: inherit; margin: 0; color: inherit;} hr {margin-bottom: 40px; border-color: #e9ecec;} pre {border: 1px solid #dddddd; padding: 20px !important; background: #f1f1f1; margin-bottom: 30px !important; margin-top: 20px !important; white-space: pre-wrap; font-family: monospace, serif; font-size: 16px; color: #999;} /* subtitle */ .subtitle { /* font-family: 'Old Standard TT', serif; */ font-family: 'Cormorant Garamond', serif; font-style: italic; color: #777; font-size: 2.2rem; line-height: 30px; margin-top: -25px; margin-bottom: 35px;} /* check list */ .check-list {padding-left: 0; margin: 0; list-style: none;} .check-list:before, .check-list:after {content: " "; display: table;} .check-list:after { clear: both;} .check-list li { height: 28px; line-height: 28px; margin-bottom: 13px;} .check-list li i { font-size: 28px; float: left; margin-top: -7px; margin-right: 17px; margin-bottom: 9px; color: #BF1E2D; line-height: 30px;} .check-list li.floated { float: left; width: 100%; /* margin-bottom: 30px; */ margin: 5px 0; line-height: 18px; display: block; height: 34px; text-align: left; font-style: normal; font-size: 2rem;} .check-list li.disabled i {color: #D7DCDE;} /* check list inline */ .check-list.inline li { float: left; width: 50%;} /* property details */ .details-list {margin: 0 0 40px 0; padding-left: 0; list-style: none;} .details-list:before, .details-list:after {content: " "; display: table;} .details-list:after {clear: both;} .details-list li {width: 25%; height: 36px; line-height: 36px; margin-bottom: 25px; display: inline-block; float: left;} .details-list i {font-size: 32px; color: #61AEE0; padding-right: 20px; display: inline-block; height: 32px; float: left;} .details-list span { display: inline-block; float: left; height: 32px; line-height: 32px;} /* collapse */ .collapse { height: 0; visibility: hidden;} .in { visibility: visible;} /* pull classes */ .pull-left, .pull-center{ float: left;} .pull-right { float: left;} footer .pull-left, footer .pull-center{ margin-right: 30px; max-width: 50%;} footer .pull-center{ text-align: center;} footer .pull-center img{ height: 30px; margin: 0 10px 20px 10px;} /* back to top */ #back_to_top { position: fixed; right: 20px; top: 87%; z-index: 99; display: none; margin: 0; width: 48px; height: 48px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #bf1e2d url(img/back_top.png) center center no-repeat; opacity: 0.8; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s;} #back_to_top:hover { opacity: 1;} #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 999; display: none;} /* Structure --------------------------------------------------------------*/ /* .block { padding: 20px 0 50px;} */ .block { padding: 20px 0;} div#amenities.block { padding: 17px 0 0px;} .home .statistics.block +.block{ padding: 20px 0;} .home #property-details .block.gray{ padding: 0!important;} .statistics.block{ background-color: rgba(191,30,45,0.80);} .home .col-md-6 .block { padding: 15px 5px 25px 5px;} .block.gray { background: #fff;} ul#liste_ad_lucem li { text-transform: uppercase; letter-spacing: 2px; padding: 10px 0;} ul#liste_ad_lucem li::before { content: "●"; font-size: 90px; vertical-align: -83%; margin-right: 15px; margin-left: 0;} ul#liste_ad_lucem li:nth-child(1)::before { color: #ecbb0a;} ul#liste_ad_lucem li:nth-child(2)::before { color: #438f40;} ul#liste_ad_lucem li:nth-child(3)::before { color: #9c1519;} /* Collapsible contents ---------------------------------------------------*/ .collapsible-container:before, .collapsible-container:after { content: " "; display: table;} .collapsible-container:after { clear: both;} .collapsible-header { display: none;} .collapsible-content, .collapsible-content.open { height: auto; overflow: inherit;} /* Buttons ----------------------------------------------------------------*/ .button-primary { display: inline-block; padding: 12px 20px; background-color: #1ABC9C; color: #FFFFFF; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 14.5px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear;} /* Button States */ .button-primary:hover, .button-primary:active, .button-primary:focus, .button-primary:visited { background-color: #1ABC9C; color: #FFFFFF;} /* Button Sizes */ .button-primary.button-large { padding: 16px 30px; font-size: 16.5px;} .button-primary.button-small { padding: 8px 18px; font-size: 12.5px;} .button-primary.button-mini { padding: 4px 12px; font-size: 11.5px;} .button-primary.button-block { padding-right: 0; padding-left: 0; width: 100%;} .button-primary + .button-primary { margin-left: 10px;} /* Button Inverted */ .button-primary.inverted { background-color: #5DADE2;} .button-primary.inverted:hover, .button-primary.inverted:active, .button-primary.inverted:focus { background-color: #5DADE2; color: #FFFFFF;} /* Button + icon */ .button-primary i { position: relative; top: 1px; left: -2px; margin-right: 5px;} /* Divider ----------------------------------------------------------------*/ .blank_divider { width: 100%; height: 20px;} /*-----------------------------------------------------------------------------------*/ /* 2. Header Styles /*-----------------------------------------------------------------------------------*/ /* header */ div#bar { position: fixed; top: 0; background-color: #000; width: 100%; height: 40px; z-index: 900; color: #c9bdbe; } #bar ul { list-style-type: none; margin: 0; padding: 0 90px; width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: space-between; } #bar ul li { display: inline-block; margin: 0; line-height: 40px; padding: 0 20px; } #bar ul li:nth-child(3){ color: #BF1E2D; } #bar span { display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: #757575; /* vertical-align: middle; */ color: #222; line-height: 30px; font-size: 12px; font-weight: 900; text-align: center; margin: 0 2px; } a.bouton { display: block; background-color: #BF1E2D; color: #FFF; padding: 0 25px; text-transform: uppercase; letter-spacing: 3px; } a.bouton:hover { background-color: #d10c1c; } .header-wrapper { height: 110px; margin-bottom: 25px; background-color: rgba(256,256,256,0.6); } .header-wrapper [class^="col-"] { z-index: 99; } .header-wrapper .container{ margin-top: 30px; } /* Logo */ .header-wrapper #logo { display: block; font-size: 1.8rem; line-height: 110px; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; color: #000;} .header-wrapper #logo:hover, .header-wrapper #logo:focus, .header-wrapper #logo:active { color: #000;} .header-wrapper #logo.logo-img { padding: 15px 0;} .header-wrapper #logo img { width: 100%; max-width: 200px; height: auto; margin-top: 15px; margin-left: 20px; /* box-shadow: 0px 2px 23px 5px rgba(238,238,238,0.8); */ opacity: 1; vertical-align: text-top; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s;} #logo img.standard { display: block;} #logo img.retina { display: none;} /* Main nav */ #main-nav { width: auto; height: 110px; float: right;} #main-nav ul { line-height: 110px; margin-bottom: 0;} #main-nav li { display: inline; margin-right: 25px;} #main-nav li:last-child { margin-right: 0;} #main-nav li a { font-size: 1.4rem; text-transform: uppercase; color: #7f8c8d;} /* Language selector */ /*.lang_selector {height: 110px; padding-top: 60px; float: right; z-index: 3; margin-bottom: 0;} .lang_selector li {list-style: none; width: 30px; height: 30px;} .lang_selector li a {display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 999px; text-align: center; color: rgba(255, 255, 255, 0); font-size: 11px; font-weight: 700;} .lang_selector li:hover a:hover{background-color: #bf1e2d; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .lang_selector li:hover > ul.sub-menu {display: block;} .lang_selector li:hover a{color: rgba(255, 255, 255, 1);} .lang_selector .sub-menu {display: none; padding-left: 0; padding-top: 10px;} .lang-FR{background-image:url('/wp-content/uploads/2018/10/flag-french-round.jpg'); background-size: 30px 30px; background-repeat: no-repeat;} .lang-DE{background-image:url('/wp-content/uploads/2018/10/flag-german-round.jpg'); background-size: 30px 30px; background-repeat: no-repeat;} .lang-EN{background-image:url('/wp-content/uploads/2018/10/flag-english-round.jpg'); background-size: 30px 30px; background-repeat: no-repeat;} .lang_selector li{border-radius: 999px;}*/ .lang_selector {height: 110px; padding-top: 60px; float: right; z-index: 3; margin-bottom: 0;} .lang_selector li {display: flex; list-style: none; width: auto; height: 30px;} .lang_selector li a {display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 999px; text-align: center; color: rgba(255, 255, 255, 0); font-size: 11px; font-weight: 700; margin-right: 5px;} .lang_selector li:hover a:hover{background-color: #bf1e2d; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .lang_selector li:hover > ul.sub-menu {display: flex;} .lang_selector li:hover a{color: rgba(255, 255, 255, 1);} .lang_selector .sub-menu {display: flex; padding-left: 0; padding-top: 0;} .lang-FR{background-image:url('/wp-content/uploads/2018/10/flag-french-round.jpg'); background-size: 30px 30px; background-repeat: no-repeat;} .lang-DE{background-image:url('/wp-content/uploads/2018/10/flag-german-round.jpg'); background-size: 30px 30px; background-repeat: no-repeat;} .lang-EN{background-image:url('/wp-content/uploads/2018/10/flag-english-round.jpg'); background-size: 30px 30px; background-repeat: no-repeat;} .lang_selector li{border-radius: 999px;} /*-----------------------------------------------------------------------------------*/ /* 3. Main Content Styles /*-----------------------------------------------------------------------------------*/ /* Gallery ----------------------------------------------------------------*/ #gallery, .rev-slider-gallery { min-height: 350px; padding: 0; background: #f5f5f5; position: relative;} /* Revolution slider controls */ #gallery .tp-bullets.simplebullets.round .bullet, #gallery .tp-bullets.simplebullets.round .bullet:hover, .rev-slider-gallery .tp-bullets.simplebullets.round .bullet, .rev-slider-gallery .tp-bullets.simplebullets.round .bullet:hover { background: url(img/pager.png) no-repeat top left; width: 21px; height: 21px; margin-left: 4px;} #gallery .tp-bullets.simplebullets.round .bullet.selected, .rev-slider-gallery .tp-bullets.simplebullets.round .bullet.selected { background-position: bottom left; } #gallery .tp-leftarrow.default, .rev-slider-gallery .tp-leftarrow.default { background: url(img/slider-controls.png) no-repeat 0 0; width: 60px; height: 60px;} #gallery .tp-rightarrow.default, .rev-slider-gallery .tp-rightarrow.default { background: url(img/slider-controls.png) no-repeat 0 -60px; width:60px; height:60px;} /* Property details -------------------------------------------------------*/ #property-details.block { padding-bottom: 0; padding-top: 45px;} /* Details Gallery --------------------------------------------------------*/ .details-gallery { margin: 60px 0 0 0; padding: 0;} .home .details-gallery { margin: 1px 0 0 0; padding: 0;} iframe{ padding: 0 10px; } p + .block .gallery-item{ max-height: 200px; margin: 0 0 25px 0;} .gallery-item { width: 20%; min-height: 100px; margin: 0; display: inline-block; float: left; overflow: hidden; position: relative;} .gallery-item .hover-wrap { position: relative; display: block; overflow: hidden; width: 100%; height: 100%;} .gallery-item img { width: 110%; margin-top: -5%;} /* Personnalisation des galeries photos :*/ .albums{ overflow: hidden; } .albums img { width: auto; height: 100%; overflow: hidden; margin-left: -290px; } ul#galeries_decouverte{ margin: 0; } .galeries_decouverte{ width: 260px; height: 170px; overflow: hidden; display: inline-block; margin: 10px; } .galeries_decouverte img { width: auto; height: 380px; overflow: hidden; margin-top: -50%; } .galeries_decouverte .overlay { width: 100%; height: 170px; } /* Fin de personnalisation des galeries photos :*/ img.medaillon { text-align: center; max-width: 220px; border-radius: 100%; margin: 10px auto; padding: 0 auto;} /* Thumb transitions */ .gallery-item a:hover{ text-decoration: none;} .gallery-item img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .gallery-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .gallery-item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; opacity: 0; filter: alpha(opacity=0); background-color: rgba(191,30,45, .70); background-image: url(img/zoom.png); background-position: center 40%; background-repeat: no-repeat; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s;} .gallery-item:hover .overlay { opacity: 1; filter: alpha(opacity=1);} .gallery-item .overlay-meta { position: absolute; bottom: 20px; left: 20px;} .gallery-item .overlay-meta h3 { font-size: 1.4rem; color: #fff; font-weight: normal; margin-bottom: 0; text-align: left;} .gallery-item .overlay-meta .caption { font-family: 'Old Standard TT', serif; font-style: italic; color: #fff; font-size: 1.6rem; line-height: 28px; text-align: center;} /* Owners -----------------------------------------------------------------*/ #owners .media .media-heading { font-size: 1.6rem; font-weight: normal; text-transform: uppercase; color: #666; margin: 15px 0 5px 0;} #owners .media .subtitle { margin: 0 0 10px 0;} #owners .media img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} /* Experiences ------------------------------------------------------------*/ #experiences .card-list { list-style: none; margin-top: 65px; margin-bottom: 0; padding-left: 0;} #experiences .card-item { background-color: #f0f0f0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden;} #experiences .card-item .card-heading { min-height: 150px; background-position: center center; background-size: 120%;} #experiences .card-item .card-heading.placeholder { background-color: #D7DCDE; text-align: center; color: #FFF;} #experiences .card-item .card-heading.placeholder i { font-size: 50px; display: inline-block; margin-top: 20%;} #experiences .card-item .card-meta { padding: 25px 28px;} #experiences .card-meta h4 { color: #464646; margin-bottom: 10px; font-style: normal;} #experiences .card-meta p { font-family: 'Old Standard TT', serif; font-style: italic; color: #737575; height: 72px;} #experiences .card-meta a, #experiences .card-meta a:hover, #experiences .card-meta a:visited, #experiences .card-meta a:active { font-family: 'Old Standard TT', serif; font-style: italic; font-size: 16px; color: #0e0e0e;} #experiences .owl-controls { margin-top: 20px; text-align: center;} #experiences .owl-carousel .owl-controls .owl-dot.active { background: #919292;} /* Weather ----------------------------------------------------------------*/ #weather .weather-stats { padding: 60px 0;} #weather .weather-stats .row { margin: 0;} /* Select */ #weather .fancy-select { float: none; display: inline-flex; /* check */ width: auto; z-index: 999;} #weather div.fancy-select div.trigger { background: transparent; padding: 0 15px 0 0; font-size: inherit; color: #bf1e2d; height: auto; line-height: inherit; box-shadow: none; -webkit-box-shadow: none; width: auto; border-radius: 0; overflow: visible; /* CHECK per ARROW */ } div.fancy-select i { display: none!important;} #weather div.fancy-select i { font-size: 10px; padding-left: 5px; color: #bf1e2d; position: absolute; right: 0; padding-top: 2px; display: inline-block!important;} #weather div.fancy-select ul.options { background-color: #FFF!important; padding: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; top: 40px; left: -65px; width: 170px; border: 0; height: 165px; max-height: 165px; overflow-y: scroll;} #weather div.fancy-select div.trigger.open::before { content: ' '; position: absolute; width: 0; height: 0; left: 10px; top: 20px; border: 10px solid; border-color: transparent transparent #f0f0f0 transparent;} #weather div.fancy-select ul.options li { font-family: 'Montserrat', sans-serif!important; font-style: normal; color: #666; padding: 8px 0; font-size: 14px; background-color: #F0F0F0; border-bottom: 1px solid #FFF; margin: 0;} #weather div.fancy-select ul.options li.selected { background-color: #61aee0!important; color: #FFF;} #weather div.fancy-select ul.options li:last-child { border: 0;} /* Left area*/ #weather .degree i { font-size: 100px; color: #61AEE0; float: left;} #weather .degree p { float: left; margin-top: 23px; margin-left: 20px; text-transform: uppercase;} #weather .degree .value { display: block; font-size: 32px; padding-top: 3px;} /* Right area */ #weather .summary ul { list-style: none; padding: 0; margin-top: 23px; margin-bottom: 0;} #weather .summary i { float: left; font-size: 24px; padding-right: 16px; line-height: 30px; color: #61AEE0;} #weather .data-info { font-family: 'Old Standard TT', serif; font-style: italic; color: #999; text-align: center; font-size: 14px;} #weather .data-info i { float: left; font-size: 16px; line-height: 26px; padding-right: 10px;} #weather .data-info p { display: inline-block; margin: 0;} /* Directions -------------------------------------------------------------*/ #directions { position: relative;} .map-arrow { position: absolute; bottom: -28px; z-index: 999; width: 100%; height: 28px; background: transparent url(img/map-arrow.png) top center no-repeat;} /* map */ #map { padding: 0; height: 430px; /* 385px; */ background: #fff; position: relative;} /* Contacts ---------------------------------------------------------------*/ #contacts .h2-divider { margin: 0 0 25px 0;} /*-----------------------------------------------------------------------------------*/ /* 4. Post Content Styles /*-----------------------------------------------------------------------------------*/ .encart_gris { background-color: #f1f1eb; padding: 30px; } .encart_gris h3, #homepage_semaine{ line-height: 25px;} .single h2{ font-size: 2.5rem;} .post-container { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 0px solid #e9ecec; } .single .post-container{ margin-top: -50px;} .entry-meta .published { font-family: 'Old Standard TT', serif; font-style: italic; color: #666; font-size: 1.6rem; line-height: 30px; display: inline-block; margin-bottom: 10px;} .entry-meta .comment-count a, .entry-meta a.post-edit-link { font-family: 'Old Standard TT', serif; font-style: italic; font-size: 1.6rem; line-height: 30px;} .blog h2.text-center{ display: none;} .page-id-436 .col-md-5 { font-style: italic;} .page-id-436 .col-md-5 p{ font-size: 12px;} h2.entry-title{ text-align: center;} h2.entry-title a{ color: #bf1e2d!important;} .entry-title a, .entry-title a:hover, .entry-title a:visited { color: #000; text-decoration: none;} .post-container > .post-thumb img { display: none;} .post-thumb img { width: 100%; height: auto;} .more-link { font-family: 'Old Standard TT', serif; font-style: italic; font-size: 1.8rem; line-height: 30px; display: block; margin-top: 10px;} /* Post Contents Styles ---------------------------------------------------*/ .post-link, .post-quote { background: #FBFBFB; padding: 30px; margin-bottom: 20px; text-align: center;} .quote-author { font-family: 'Old Standard TT', serif; font-style: italic; font-size: 1.6rem; line-height: 30px; margin-bottom: 0;} .audio-thumb { margin-top: 10px;} /* Editor styles ----------------------------------------------------------*/ blockquote { padding: 5px 20px; margin: 0 0 20px; border-left: 5px solid #eee;} .citation_lucem{ padding: 0; border: 0;} .citation_auteur{ padding: 2px 4px; color: #c7254e; border-radius: 4px; font-family: 'Itim', serif; display: block; text-align: right; letter-spacing: 2px; font-size: 18px;} blockquote.correspondance { border-left: 0px solid #eee;} blockquote p { font-family: 'Old Standard TT', serif; font-style: italic; color: #333; font-size: 1.8rem; line-height: 30px;} ol { list-style: decimal inside;} li { margin-bottom: 10px;} .post-container li { line-height: 24px;} .dropcap { width: 100%; font-family: 'Old Standard TT', serif; font-style: italic; color: #fff; background-color: #CB4B57; font-size: 2.05rem; line-height: 40px; display: block; float: left; padding: 20px 25px; box-sizing: border-box; margin-top: -5px; /* margin-bottom: 50px; */ } .highlight-text { padding: 0 4px; background-color: #57AEDD; color: #FFFFFF;} .special-heading { padding: 0 0 15px 0; margin: 0; width: 100%; line-height: 1em; overflow: hidden;} .special-heading:before, .special-heading:after{ content: ""; width: 200%; height: 1px; display: inline-block; background-color: #ecf0f1; position: relative; vertical-align: bottom; margin: 0 -200% 0 0; left: 20px; bottom: 6px;} .special-heading:before{ left: -20px; margin: 0 0 0 -200%;} /* default Wp editor styles */ .wp-caption { font-size: 100%;} .wp-caption-text { font-size: 100%;} .sticky { font-size: 100%;} .gallery-caption { font-size: 100%;} .bypostauthor { font-size: 100%;} .alignright { float: right; padding-left: 20px;} .alignleft { float: left; padding-right: 20px;} .aligncenter { margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px;} /* Code avant opération Rayonnement .alignnone { display: inline-block; padding: 0 10px;} */ .alignnone { display: inline-block; width: 100%; height: auto;} /* Mediaelement styles ----------------------------------------------------*/ audio, canvas, video { outline: none;} .mejs-container { position: relative; min-width: 150px; width: 100% !important; outline: none; background: none; vertical-align: top; text-align: left; text-decoration: none; font-family: sans-serif;} .me-plugin { position: absolute;} .mejs-embed, .mejs-embed body { overflow: hidden; margin: 0; padding: 0; width: 100%; height: 100%; background: #000;} .mejs-container-fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: hidden;} .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; background: #000000;} /* Layers */ .mejs-background { position: absolute; top: 0; left: 0;} .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .mejs-poster { position: absolute; top: 0; left: 0; overflow: hidden;} .mejs-poster img { display: block; padding: 0; width: 100%; height: 100%; border: 0; border: 0;} .mejs-overlay { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .mejs-overlay-play { width: 100% !important; height: 100% !important; cursor: pointer;} .mejs-overlay-button { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; background-color: rgba(0,0,0,0.5); background-image: url(img/mediaelement/bigplay.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: background 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s;} .mejs-overlay:hover .mejs-overlay-button { background-color: #1ABC9C;} .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; display: none; margin: -40px 0 0 -40px; width: 80px; height: 80px;} .mejs-overlay-loading span { display: block; width: 80px; height: 80px; border-radius: 40px; background: #3A3C3D url(img/mediaelement/loading.gif) 50% 50% no-repeat;} /* Control Bar */ .mejs-container .mejs-controls { position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; padding: 10px; width: 100%; height: 50px; background: #333; list-style: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} /* Format video */ .format-video .mejs-container .mejs-controls { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; bottom: -4px;} .mejs-container .mejs-controls div { display: block; float: left; margin: 0; padding: 0; width: 32px; height: 30px; list-style-type: none; font-size: 11px; font-family: sans-serif; line-height: 11px;} .mejs-controls .mejs-button button { position: absolute; display: block; margin: 7px 7px 0 9px; padding: 0; width: 15px; height: 16px; border: 0; background: transparent url(img/mediaelement/controls.png) no-repeat; text-decoration: none; font-size: 0; line-height: 0; cursor: pointer;} /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { } /* Time lenght information */ .mejs-container .mejs-controls .mejs-time { display: block; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 8px 8px 5px 10px; /*width: auto;*/ height: 17px; color: #FFFFFF; text-align: center;} .mejs-container .mejs-controls .mejs-time span { display: block; float: left; margin: 2px 2px 0 2px; width: auto; color: #DDDDDD; font-size: 11px; line-height: 12px;} .mejs-time.mejs-currenttime-container { display: none !important;} /* Controls - Play / Pause */ .mejs-container .mejs-controls .mejs-playpause-button { width: 30px; background: none; cursor: pointer;} .mejs-controls .mejs-playpause-button button { margin: 7px 8px;} .mejs-controls .mejs-play button { background-position: 0 0;} .mejs-controls .mejs-play:hover button { background-position: 0 -32px;} .mejs-controls .mejs-pause button { background-position: 0 -16px;} .mejs-controls .mejs-pause:hover button { background-position: 0 -48px;} /* Controls - Stop */ .mejs-controls .mejs-stop button { background-position: -112px 0;} .mejs-controls .mejs-stop:hover button { background-position: -112px -32px;} /* Progress Bar */ .mejs-controls div.mejs-time-rail { width: 200px;} .mejs-controls .mejs-time-rail span { position: absolute; display: block; width: 180px; height: 7px; background: #3B3D3D; cursor: pointer;} .mejs-controls .mejs-time-rail .mejs-time-total { margin: 11px 8px 0 10px;} .mejs-controls .mejs-time-rail .mejs-time-buffering { z-index: 1; width: 100%; background: #3B3D3D;} .mejs-controls .mejs-time-rail .mejs-time-loaded { width: 0; background: #3B3D3D;} .mejs-controls .mejs-time-rail .mejs-time-current { z-index: 1; width: 0; background: #1ABC9C; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;} .mejs-controls .mejs-time-rail .mejs-time-handle { position: absolute; top: 1px; z-index: 1; display: none; margin: 0; width: 5px; background: transparent; text-align: center; cursor: pointer;} .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; top: -26px; display: none !important; margin-left: -18px; width: 36px; height: 17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #C2C8CF; box-shadow: 0 1px 1px rgba(0, 0, 0, .4); color: #111; text-align: center;} .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float { display: none !important;} .mejs-controls .mejs-time-rail .mejs-time-float-current { left: 0; display: block; margin: 3px; width: 30px; text-align: center;} .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; top: 17px; left: 13px; display: block; width: 0; height: 0; border: solid 4px #C2C8CF; border-color: #C2C8CF transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 0;} /* Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0;} .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px;} /* Controls - Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px;} .mejs-controls .mejs-mute button:hover { background-position: -16px -48px;} .mejs-controls .mejs-unmute button { background-position: -16px 0;} .mejs-controls .mejs-unmute button:hover { background-position: -16px -32px;} .mejs-controls .mejs-volume-button { position: relative;} .mejs-controls .mejs-volume-button .mejs-volume-slider { position: absolute; top: -68px; left: 1px; z-index: 1; display: none; margin: 0; width: 32px; height: 68px; background: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; top: 8px; left: 13px; margin: 0; padding: 0; width: 7px; height: 46px; background: #373A3A;} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; top: 6px; left: 13px; margin: 0px; width: 7px; height: 50px; background: #1ABC9C; background-position: bottom; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; top: 16px; left: 14px; margin: 0; width: 5px; height: 5px; background: transparent;} /* Controls - Volume horizontal */ .mejs-controls div.mejs-horizontal-volume-slider { position: relative; width: 62px; height: 26px; background: none;} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; top: 11px; left: 0; margin: 0; padding: 1px; width: 50px; height: 7px; background: #373A3A; font-size: 1px;} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; top: 11px; left: 0; padding: 0; width: 50px; height: 7px; background: #1ABC9C; font-size: 1px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none;} /* Track - Captions and Chapters */ .mejs-controls .mejs-captions-button { position: relative;} .mejs-controls .mejs-captions-button button { background-position: -48px 0;} .mejs-controls .mejs-captions-button:hover button { background-position: -48px -32px;} .mejs-controls .mejs-captions-button .mejs-captions-selector { position: absolute; right: -10px; bottom: 30px; visibility: hidden; overflow: hidden; padding: 10px; width: 130px; height: 100px; border: solid 1px transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #3A3C3D;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul { display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: none !important;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { display: block; overflow: hidden; margin: 0 0 6px 0; padding: 0; color: #fff; list-style-type: none !important;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { float: left; clear: both; margin: 3px 3px 0 5px;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { float: left; padding: 4px 0 0 0; width: 100px; font-size: 10px; font-family: sans-serif; line-height: 15px;} .mejs-controls .mejs-captions-button .mejs-captions-translations { margin: 0 0 5px 0; font-size: 10px;} .mejs-chapters { position: absolute; top: 0; left: 0; z-index: 1; width: 10000px; -xborder-right: solid 1px #FFFFFF;} .mejs-chapters .mejs-chapter { position: absolute; float: left; overflow: hidden; border: 0; background: #3A3C3D;} .mejs-chapters .mejs-chapter .mejs-chapter-block { display: block; padding: 5px; border-right: solid 1px #313335; border-right: solid 1px rgba(49, 51, 53, .7); border-bottom: solid 1px #313335; border-bottom: solid 1px rgba(49, 51, 53, .7); color: #fff; font-size: 11px; cursor: pointer;} .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none;} .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #333333;} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { display: block; margin: 0 0 3px 0; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 12px; line-height: 12px;} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { display: block; margin: 3px 0 4px 0; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 12px;} .mejs-captions-layer { position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; font-size: 12px; line-height: 22px;} .mejs-captions-layer a { color: #fff; text-decoration: underline;} .mejs-captions-layer[lang=ar] { font-weight: normal; font-size: 20px;} .mejs-captions-position { position: absolute; bottom: 15px; left: 0; width: 100%;} .mejs-captions-position-hover { bottom: 45px;} .mejs-captions-text { padding: 5px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #3a3c3d; background: rgba(58, 60, 61, 0.8);} .mejs-clear { clear: both;} /* Error */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold;} .me-cannotplay span { display: block; padding: 15px;} /* Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px;} .mejs-controls .mejs-loop-off:hover button { background-position: -64px -48px;} .mejs-controls .mejs-loop-on button { background-position: -64px 0;} .mejs-controls .mejs-loop-on::hover button { background-position: -64px -32px;} /* Backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px;} .mejs-controls .mejs-backlight-off:hover button { background-position: -80px -48px;} .mejs-controls .mejs-backlight-on button { background-position: -80px 0;} .mejs-controls .mejs-backlight-on:hover button { background-position: -80px -32px;} /* Picture controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0;} .mejs-controls .mejs-picturecontrols-button:hover { background-position: -96px -32px;} /* Context menu */ .mejs-contextmenu { position: absolute; top: 0; left: 0; z-index: 1001; padding: 10px; width: 150px; border: solid 1px #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff;} .mejs-contextmenu .mejs-contextmenu-separator { margin: 5px 6px; height: 1px; background: #333; font-size: 0;} .mejs-contextmenu .mejs-contextmenu-item { padding: 4px 6px; color: #333; font-size: 12px; font-family: sans-serif; cursor: pointer;} .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff;} /* Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative;} .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0;} .mejs-controls .mejs-sourcechooser-button button { background-position: -128px -32px;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { position: absolute; right: -10px; bottom: 26px; visibility: hidden; overflow: hidden; padding: 10px; width: 130px; height: 100px; border: solid 1px transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #3A3C3D;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: none !important;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { display: block; overflow: hidden; margin: 0 0 6px 0; padding: 0; color: #fff; list-style-type: none !important;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { float: left; clear: both; margin: 3px 3px 0 5px;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { float: left; padding: 4px 0 0 0; width: 100px; font-size: 10px; font-family: sans-serif; line-height: 15px;} /*-----------------------------------------------------------------------------------*/ /* 5. Comments /*-----------------------------------------------------------------------------------*/ .comment-area { padding-bottom: 70px;} #comments { } .comments-title, .pings-title, #reply-title { margin: 0; padding: 0 0 10px; font-size: 2.2rem; line-height: 32px; letter-spacing: 0.1em;} .comment-form { margin-top: 30px; } .commentlist, .pinglist { margin: 20px 0 80px; list-style-type: none;} .comment-section { padding: 30px 0 20px;} .comment-body { border-bottom: 1px solid #EBEDEF;/* e9ecec */ padding-bottom: 20px;} .comment-side { float: left; margin: 0 30px 0 0;} .comment-side .avatar { display: block; width: 50px; height: 50px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px;} .comment .comment-cont { margin-left: 80px;} .comment-author cite, .comment-author cite a { font-size: 1.6rem; font-weight: normal; text-transform: uppercase; color: #666; letter-spacing: 0.05em;} .comment-author cite a:hover { color: #E96045;} .comment-meta, .comment-meta a { font-family: 'Old Standard TT', serif; font-style: italic; color: #666; font-size: 1.6rem; line-height: 30px;} a.comment-reply-link { color: #bf1e2d;} .comment-meta a:hover { color: #bf1e2d;} .comment-meta { margin: 8px 0 15px;} .children { margin: 0; padding: 0; list-style: none;} .children .comment { padding-left: 60px;} .comment-author { position: relative;} .badge_author { position: absolute; top: 12px; right: 10px; display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; background: #E96045; opacity: 0.5;} .nocomments { padding: 20px 30px 20px;} /* Comment Form */ .logged-in-as { font-family: 'Old Standard TT', serif; font-style: italic; color: #666; font-size: 1.6rem; line-height: 30px;} #commentform p { overflow: hidden; margin: 0 0 35px 0;} #commentform label { display: block; margin-bottom: 5px; font-weight: 300; font-size: 1.6rem; color: #000;} #commentform span.required { color: #E96045; font-size: 1.8rem;} #commentform input, #commentform textarea, #commentform input:focus, #commentform textarea:focus { background: #efefef; border: none; padding: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #333; font-size: 16px; resize: none;} #commentform input { float: left; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%;} #commentform textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: vertical;} #commentform #submit { background: #1abc9c; color: #fff; font-size: 1.6rem; text-transform: uppercase; padding: 15px 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: auto; border: none; display: inline-block; vertical-align: middle; text-align: center; font-weight: 400; cursor: pointer; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;} #commentform #submit:hover { background-color: #1abc9c; color: #FFFFFF;} /*-----------------------------------------------------------------------------------*/ /* 6. Pagination /*-----------------------------------------------------------------------------------*/ .pagination:before, .pagination:after { content: " "; display: table;} .pagination:after { clear: both;} .pagination .page-next a, .pagination .page-prev a { width: 48px; height: 48px; display: inline-block; text-indent: -999em; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0.6;} .pagination .page-next a { background: #666 url(img/back_top.png) center center no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); float: right;} .pagination .page-prev a { background: #666 url(img/back_top.png) center center no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); float: left;} /*-----------------------------------------------------------------------------------*/ /* 7. Footer Styles /*-----------------------------------------------------------------------------------*/ footer { background: #000; padding: 25px 0; font-size: 1.2rem; text-transform: uppercase; color: #CECECE;} footer p { margin-bottom: 0;} footer a, footer a:visited, footer a:active, footer a:hover, footer a:link { text-decoration: none; color: #5f6c6f; border: 0;} footer h4{ color: #CECECE;} /*-----------------------------------------------------------------------------------*/ /* 8. Page & Page Templates /*-----------------------------------------------------------------------------------*/ /* Page Header styles -----------------------------------------------------*/ #image-page-title { position: relative; /* overflow: hidden; */ } .overlay-bg { width: 100%; height: 100%; position: absolute; background-color: #f6f8f8; filter: alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; z-index: 1; top: 0; left: 0;} .page-title { padding: 0; min-height: 350px; background-color: #fff; } /* BLOC-NOTES */ /* En-tête page d'accueil du bloc-notes */ .page-title.bloc-notes { border-top: 49px solid rgba(0,0,0,0); background-color: #F1F1EB; padding-bottom: 30px; /* margin-bottom: 30px; */ } /* Autres */ .post-name .title { margin: 12px 0 1px !important; font-size: 14px !important; text-align: left; } /* Gestion de la couleur en fonction de la catégorie d'article */ body.education-pedagogie .page-title, body.education-pedagogy .page-title, body.erziehung .page-title{ border-top: 40px solid #438f40; min-height: 0; } body.vie-chretienne .page-title, body.christian-life .page-title, body.christliches-leben .page-title{ border-top: 40px solid #ecbb0a; min-height: 0; } body.enseignement .page-title, body.teaching .page-title, body.unterricht .page-title{ border-top: 40px solid #9C1519; min-height: 0; } body.education-pedagogie .gallery-item .overlay, body.education-pedagogy .gallery-item .overlay, body.erziehung .gallery-item .overlay{ background-color: rgba(67,143,64, .70); } body.vie-chretienne .gallery-item .overlay, body.christian-life .gallery-item .overlay, body.christliches-leben .gallery-item .overlay{ background-color: rgba(236,187,10, .70); } body.enseignement .gallery-item .overlay, body.teaching .gallery-item .overlay, body.unterricht .gallery-item .overlay{ background-color: rgba(156,21,25, .70); } /* .erziehung .christliches-leben .unterricht */ /* Pagination et navigation */ .pagination { margin: 0 4px 10px; } .navigation:before { clear: both; } div.navigation{ text-align: center; font-size: 20px; } div.navigation span.title { display: none; } .wp-paginate .current { background: #BF1E2D !important; border: 1px solid #BF1E2D !important; color: #fff !important; } .wp-paginate a { background: #fff !important; border: 1px solid rgba(0,0,0,0) !important; } .wp-paginate a:hover { color: #BF1E2D !important; } div.navigation a.next { border: none; /* font-size: 41px; */ } /* ARTICLES DU BLOC-NOTES */ /* Rappel opération Ad Lucem */ div#ad_lucem { background-color: #F1F1EB; padding: 15px 20px 19px; margin: 0 0 30px; box-shadow: 1px 1px 6px 1px #bfbfb5; } #exergue_citation { margin-bottom: 20px; text-align: right; font-size: 12px; /* background-color: #F1F1EB; */ } #exergue_citation + p { font-size: 14px; /* font-style: italic; */ line-height: 21px; margin-bottom: 0; } #exergue_citation small{ font-weight: bold; } /* Détails page article */ .post-container .container{ padding-left: 0; padding-right: 0; } span.meta-sep, span.comment-count{ display: none; } span.reference_livre { /* text-decoration: underline; */ padding-bottom: 3px; color: #423e3e; border-bottom: 1px solid #423e3e; } /* Suggestions d'articles */ hr{ margin: 0 0 30px; border-color: #757575; } ul#suggestion_articles{ padding-left: 0; } ul#suggestion_articles li { display: inline-block; } ul#suggestion_articles a{ display: block; border: 1px solid #bf1e2d; border-radius: 2px; margin: 10px 7px 0 0; padding: 8px 10px; } ul#suggestion_articles a:hover { background-color: #bf1e2d; color: #fff; transition: all 0.7s; } /* Retour au bloc-notes */ a#bouton_blog { background-color: #bf1e2d; color: #fff; text-align: center; margin-top: 30px !important; text-transform: uppercase; letter-spacing: 1px; } a#bouton_blog:hover { background-color: #fff !important; color: #bf1e2d !important; } /* Page d'accueil blog */ span.puce_categorie { font-size: 47px; line-height: 25px; /* margin-bottom: -19px; */ display: inline-block; vertical-align: middle; margin-top: -6px;} .single .subtitle { font-family: 'Old Standard TT', serif; color: #777; font-size: 2rem; letter-spacing: 0px; font-style: italic;} .single div.row p:first-of-type:first-letter { font-size: inherit; color: inherit; margin: 0; } /*.page-title h2 { font-size: 2.2rem; line-height: 32px; letter-spacing: 0.1em; text-align: center; z-index: 99;}*/ .page-title h2 { font-size: 3.6rem; line-height: 32px; margin-top: 90px; letter-spacing: 0.1em; text-align: center; z-index: 99;} .page-title .h2-divider { margin-bottom: 20px; z-index: 99;} .page-title .subtitle { margin-top: 0; z-index: 99;} .page-title .entry-meta { font-family: 'Old Standard TT', serif; font-style: italic; color: #666; line-height: 30px; margin-bottom: 0; clear: both;} .page-title .entry-meta .published, .page-title .entry-meta a { font-size: 1.8rem;} /* On supprime l'affichage du titre de page dans les articles du blog uniquement */ .single .page-title .col-sm-12{ display: none;} /* On ajuste la hauteur de l'espace titre de page dans les articles de blog uniquement */ .single .page-title{ padding: 0; min-height: 0;} /* On ajuste la hauteur de l'espace titre de page dans les articles de blog uniquement */ .single .page-title { padding: 0; height: 35px; margin-bottom: 50px;} .col-md-offset-2 { margin-left: 16.666666667%;} /* Page content */ .page-content { padding-top: 20px; padding-bottom: 20px; } /* Contact page template --------------------------------------------------*/ .page-template-template-contact-php .post-container { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} .page-template-template-contact-php aside { margin-top: 0; padding-top: 0; border: 0;} /* Default page template --------------------------------------------------*/ .page-template-default .post-container { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} /* Experience page template -----------------------------------------------*/ .single-experience .overlay-bg { background: rgba(0,0,0,0.4);} .single-experience .page-title { padding: 160px 0;} .single-experience .page-title h2, .single-experience .page-title .subtitle { color: #FFF;} .single-experience .page-content { padding: 0;} /* Contact Form styles ----------------------------------------------------*/ .wpcf7-form { margin-bottom: 0;} .wpcf7-form p { overflow: hidden; margin: 0 0 35px 0; font-size: 1.6rem; color: #000;} .wpcf7 p.quote-budget { overflow: visible;} .wpcf7-form-control-wrap.budget { display: inline-block; margin-bottom: 0; width: 50%;} span.wpcf7-form-control-wrap { display: block; margin: 5px 0;} .wpcf7 .watermark { color: #BCBCC4 !important;} .wpcf7 input, .wpcf7 textarea, .wpcf7 input:focus, .wpcf7 textarea:focus { background: #efefef; border: none; padding: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #333; font-size: 16px; resize: none;} .wpcf7 input { float: left; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%;} .wpcf7 textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: vertical;} .wpcf7 .wpcf7-submit { background: #bf1e2d; color: #fff; font-size: 1.6rem; text-transform: uppercase; padding: 15px 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: auto; border: none; display: inline-block; vertical-align: middle; text-align: center; font-weight: 400; cursor: pointer; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;} .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus, .wpcf7 .wpcf7-submit:active { background-color: #000; color: #FFFFFF;} .wpcf7-form.invalid input.wpcf7-not-valid, .wpcf7-form.invalid textarea.wpcf7-not-valid, .wpcf7-form input:focus:invalid:focus, .wpcf7-form textarea:focus:invalid:focus { border-color: #E96045; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .wpcf7 .wpcf7-response-output { margin: 0; padding: 0;} .wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-mail-sent-ng, .wpcf7 .wpcf7-mail-sent-ok { border: none;} .wpcf7 img.ajax-loader { margin-left: 15px; width: auto;} /* Icons Example for Demo Content Only ------------------------------------*/ .icons-example ul { margin: 0; padding: 0; text-align: center;} .icons-example ul li { display: inline-block; margin: 15px; list-style: none; cursor: pointer;} .icons-example ul li a { position: relative; display: block; width: 66px; height: 66px; background: transparent; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-transition: background 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s;} .icons-example ul li a:hover { background: #1ABC9C;} .icons-example ul li a i { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; color: #000; font-size: 24px; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s;} .icons-example ul li a:hover i { color: #FFFFFF; } /*-----------------------------------------------------------------------------------*/ /* 9. Widget /*-----------------------------------------------------------------------------------*/ /* Sidebar widget styles --------------------------------------------------*/ #sidebar .widget { margin-bottom: 50px;} #sidebar .widget:before, #sidebar .widget:after { content: " "; display: table;} #sidebar .widget:after { clear: both;} #sidebar .widget-title { text-transform: uppercase; font-size: 1.6rem; color: #666;} #sidebar .widget img { max-width: 100%; height: auto;} #sidebar .widget input, #sidebar .widget button, #sidebar .widget select, #sidebar .widget textarea { width: 100%;} /* Widget Rss */ #sidebar .widget .rss-date { display: block; font-family: 'Old Standard TT', serif; font-style: italic; color: #666; font-size: 1.6rem; line-height: 24px; margin-bottom: 10px;} #sidebar .widget_rss img { display: none;} /* Widget Calendar */ #sidebar .widget_calendar { position: relative;} #sidebar .widget_calendar table { width: 100%; border-collapse: collapse;} #sidebar .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th { text-align: center;} #sidebar .widget_calendar table tbody td { padding: 10px 0; border: 0px; color: #666; font-size: 12px;} #sidebar .widget_calendar table tbody tr td:first-child { border-left: 0px;} #sidebar .widget_calendar table tbody tr:nth-child(2n+1) { background-color: #f0f0f0;} #sidebar .widget_calendar table th { padding-bottom: 10px; border-bottom: 0px; color: #999999; text-align: center!important;} #sidebar .widget_calendar table #prev { position: relative; z-index: 2; padding: 10px 0px 0px 0px; text-align: left;} #sidebar .widget_calendar table #next { position: relative; z-index: 2; padding: 10px 0px 0px 0px; text-align: right;} #sidebar .widget_calendar caption { position: absolute; bottom: 20px; z-index: 1; width: 100%; text-align: center;} /* Widget Text */ #sidebar .widget .textwidget { line-height: 24px;} #sidebar .widget .textwidget a { font-family: 'Old Standard TT', serif; font-style: italic; font-size: 1.8rem; line-height: 30px;} /* Widget Flickr */ #sidebar .widget.widget_quick-flickr-widget { margin-bottom: 40px;} #sidebar .widget_quick-flickr-widget ul { margin-left: -10px;} #sidebar .widget_quick-flickr-widget li { border-radius: 3px; float: left; margin: 0 0 10px 10px;} #sidebar .widget_quick-flickr-widget a { border-radius: 3px; float: left; position: relative;} #sidebar .widget_quick-flickr-widget img { border-radius: 3px; float: left; height: 50px; position: relative; width: 50px;} /* Widget Search */ #sidebar .widget_search form { margin-bottom: 0;} #sidebar .widget_search fieldset { margin-bottom: 0;} #sidebar .widget_search .screen-reader-text { display: none;} #sidebar .widget_search input[type="text"] { border: 0; background-color: #f1f4f5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 15px 20px; width: 100%; font-size: 1.4rem; line-height: 30px; color: #666; } #sidebar .widget_search input[type="submit"] { display: none;} /* Widget Ul */ #sidebar .widget ul { padding-left: 0; margin-bottom: 0;} #sidebar .widget ul li { line-height: 24px; margin-bottom: 10px; list-style: none;} #sidebar .widget ul li a, #sidebar .widget ul li a:link, #sidebar .widget ul li a:visited, #sidebar .widget ul li a:hover { text-decoration: none;} /*-----------------------------------------------------------------------------------*/ /* 10. Animation Modules Settings /*-----------------------------------------------------------------------------------*/ .js .animated-content { opacity: 0;} .no-js .animated-content, .no-csstransitions .animated-content { opacity: 1; } .lt-ie9 .animated-content { opacity: 1; animation: none !important; transform: none !important;} /* Fade In */ .fadeIn.animate { -webkit-animation: fadeIn 1s ease forwards; -moz-animation: fadeIn 1s ease forwards; animation: fadeIn 1s ease forwards;} @-webkit-keyframes fadeIn { to { opacity: 1; } } @-moz-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } /* Bounce In */ .bounceIn.animate { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; -moz-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards;} @-webkit-keyframes popUp { 70% { -webkit-transform: scale(.8); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popUp { 70% { -moz-transform: scale(.8); opacity: .8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes popUp { 70% { transform: scale(.8); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } /* Move Left */ .slideInLeft.animate { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); transform: translateX(-100px); -webkit-animation: moveLeft 0.8s ease forwards; -moz-animation: moveLeft 0.8s ease forwards; animation: moveLeft 0.8s ease forwards;} @-webkit-keyframes moveLeft { to { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes moveLeft { to { -moz-transform: translateX(0); opacity: 1; } } @keyframes moveLeft { to { transform: translateX(0); opacity: 1; } } /*-----------------------------------------------------------------------------------*/ /* 12. Shortcodes /*-----------------------------------------------------------------------------------*/ /* Article page d'accueil */ p#homepage_semaine { text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.8rem; letter-spacing: 1px;} /* Promo Box --------------------------------------------------------------*/ .promo-box { border: 1px solid #DADADA; padding: 20px 30px; margin-bottom: 40px;} .promo-title h2 { border-bottom: 1px solid #e9ecec; margin-bottom: 30px; padding-bottom: 10px; } .promo-content { float: left; width: 65%; font-size: 1.4rem; line-height: 24px;} .promo-content ul { margin-bottom: 0; padding-left: 0;} .promo-content li { margin-bottom: 5px;} .promo-price { float: right; width: 35%; text-align: right; color: #000;} .promo-price .currency { font-size: 24px; line-height: 40px; vertical-align: top; padding-right: 10px;} .promo-price .cost { font-size: 44px; line-height: 44px;} /* Fancybox Post Image ----------------------------------------------------*/ .post-container .gallery-item { /* margin-top: 50px; */ margin-bottom: 50px; } .single .post-container .gallery-item { margin-top: 30px; margin-bottom: 60px;} .single .post-container .gallery-item { max-height: 420px;} .single .post-container .gallery-item img { /* margin-top: -90px; */ /* max-height: 600px; */ width: 100%; height: auto;} /* Block Text -------------------------------------------------------------*/ .blocktext { line-height: 24px;} /* Statistics Block -------------------------------------------------------*/ .stat .icon { width: 32px; /* height: 32px; */ display: block; margin: 0 auto 24px auto;} .stat i { font-size: 32px; color: #61AEE0;} .stat h1 { font-family: 'Itim', cursive; font-size: 2rem; margin-bottom: 15px;} .stat .desc { font-family: 'Old Standard TT', serif; font-style: italic; color: #f6f8f8; font-size: 1.8rem;} span.timer{ font-size: 6rem;} /* Review Item ------------------------------------------------------------*/ .reviews { padding-bottom: 20px;} .review-item { margin-bottom: 60px;} .review-side { float: left; margin: 0 30px 0 0;} .review-side .avatar { /* display: block; */ display: none; width: 50px; height: 50px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px;} .review-cont { /* margin-left: 80px; */ margin-left: 10px;} .review-cont p { font-family: 'Old Standard TT', serif; font-style: italic; color: #7f8c8d; font-size: 1.6rem; border-left: 5px solid #029DC8; margin-bottom: 10px; padding: 0 25px;} .review-cont .name, .review-cont .date { color: #000; font-size: 1.2rem;} .review-cont .name{ font-weight: bold; margin-left: 30px; letter-spacing: 2px;} .review-cont .divider { padding: 0 8px 0 5px; display: inline-block;} .review-cont .name { text-transform: uppercase;} .review-cont .date { font-family: 'Old Standard TT', serif; font-style: italic; font-size: 1.4rem;} /* Share Box --------------------------------------------------------------*/ .share-box p { font-family: 'Old Standard TT', serif; font-style: italic; color: #666; font-size: 1.9rem; line-height: 30px; margin: 0;} .share-box span { margin-right: 30px;} .share-box .button-primary { font-family: 'Lora', serif; font-style: normal; display: inline-block; margin-right: 0;} /* Experience Detail ------------------------------------------------------*/ .experience-detail .circle { background-color: #f5f5f5; display: inline-block; width: 50px; height: 50px; line-height: 52px; text-align: center; font-size: 16px; margin-bottom: 15px; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px;} .experience-detail .circle i { font-size: 26px; color: #5DADE2;} .experience-detail .circle.rating { background-color: #29BB9C; color: #fff;} .experience-detail .title { display: block; font-size: 16px; line-height: 32px; color: #333; margin-bottom: 0;} .experience-detail .subtitle { font-family: "Old Standard TT", serif; font-size: 1.6rem; font-style: italic; color: #7f8c8d; margin: 0; line-height: inherit;} .experience-detail .stars { line-height: 32px; margin-bottom: 0;} .experience-detail .stars i { font-size: 18px; color: #29BB9C;} .experience-detail .stars i.alt { color: #CCC;} /* Formulaire d'inscription */ div#form_infolettre { margin: 15px auto 0; } div#bar div#form_infolettre{ margin: 0; } div#form_infolettre input, div#form_infolettre button{ padding: 9px 21px; border: 1px solid #bf1e2d !important; } div#bar div#form_infolettre input{ margin-right: 0; padding: 6px 21px; height: 40px; box-sizing: border-box; border: 2px solid #bf1e2d !important; border-left: none !important; border-right: none !important; } input.sib-default-btn { background-color: #bf1e2d; color: #fff; } input.sib-default-btn:hover{ background-color: #d10c1c; } div#bar div#form_infolettre input.sib-email-area{ background-color: #fff; width: 200px; font-style: italic; padding-left: 12px; padding-top: 8px; font-size: 14px; } div#bar div#form_infolettre input.sib-default-btn { border: 1px solid #bf1e2d !important; } ul.su-posts.su-posts-list-loop { text-align: center; font-size: 26px; } /*-----------------------------------------------------------------------------------*/ /* 13. Plugins Styles /*-----------------------------------------------------------------------------------*/ /* iCheck plugin */ /* Radio Buttons */ .iradio_flat { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 40px; height: 39px; background: url(img/icheck/flat.png) no-repeat; border: none; cursor: pointer; float: left;} .iradio_flat { background-position: 0 0;} .iradio_flat.checked { background-position: -41px 0;} /* Checkbox Buttons */ .icheckbox_flat { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 40px; height: 39px; background: url(img/icheck/flat.png) no-repeat; border: none; cursor: pointer; float: left;} .icheckbox_flat { background-position: 0 0;} .icheckbox_flat.checked { background-position: -41px 0;} /*-----------------------------------------------------------------------------------*/ /* 14. Media Queries /*-----------------------------------------------------------------------------------*/ /* Very Large screen */ @media only screen and (min-width: 1440px) { .col-md-offset-2 { margin-left: 0%; } } /* Large screen */ @media only screen and (min-width: 1025px) { #bouton_soutien, ul#bar{ display: none; } .col-md-5, .col-md-7{ padding-left: 40px; padding-right: 40px; } .col-md-5 h3{ margin-top: 45px; } /*-----------------------------------------------------------------------------------*/ /* 3. Main Content Styles /*-----------------------------------------------------------------------------------*/ /* Property details -------------------------------------------------------*/ .gallery-item .overlay { background-position: center 50%; } /* Booking ----------------------------------------------------------------*/ #booking .media { margin-bottom: 0; position: relative; } /*-----------------------------------------------------------------------------------*/ /* 12. Shortcodes /*-----------------------------------------------------------------------------------*/ /* Promo box --------------------------------------------------------------*/ .promo-content { width: 65%; } .promo-price { width: 35%; } .promo-price .cost { font-size: 54px; line-height: 54px; } /* Statistics Block -------------------------------------------------------*/ .stat h1 { margin-bottom: 15px; font-size: 2.2rem; } } @media (max-width: 1024px) { /*-----------------------------------------------------------------------------------*/ /* 3. Main Content Styles /*-----------------------------------------------------------------------------------*/ .container{ width: 100%; } /* Booking ----------------------------------------------------------------*/ #booking .media { margin-bottom: 20px; } /* Galeries personnalisées ----------------------------------------------------------------*/ .galeries_decouverte{ width: 45%; margin: 25px 10px; } .galeries_decouverte img { height: 480px; } /* Owners -----------------------------------------------------------------*/ #owners .media img { width: auto; } /* Logo -----------------------------------------------------------------*/ .header-wrapper #logo img { width: 165px; } /*-----------------------------------------------------------------------------------*/ /* Barre de dons /*-----------------------------------------------------------------------------------*/ #bar ul { padding: 0; } #bar ul li { padding: 0 7px; } #bar ul li:first-child{ padding-right: 0; } #bar ul li:last-child{ display: none; } #bouton_soutien{ display: block; text-align: center; text-transform: uppercase; letter-spacing: 11px; padding: 7px 15px; color: #fff; background-color: #BF1E2D; } #bouton_soutien:hover{ background-color: #d10c1c; color: #fff !important; } #bar ul { display: none; padding: 0; text-align: center; } ul#bar{ display: block; padding: 0; } div#form_infolettre input, div#form_infolettre button { text-align: center; } a.bouton { padding: 10px 25px; text-align: center; } .page-content { padding: 20px 30px; } input.sib-email-area { width: 100% !important; } input.sib-default-btn { margin: 5px 0 !important; } } @media (min-width: 1024px) { .header-wrapper .col-md-2 {width: 16.666666666666664%;} .header-wrapper .col-md-10 {width: 83.33333333333334%;} } @media (min-width: 992px) and (max-width: 1023px) { .header-wrapper .col-md-2 {width: auto;} .header-wrapper .col-md-10 {width: auto; float: right;} } @media (max-width: 1023px) { h1, h2, h3, h4, h5, h6 {text-align: center; } /* back to top */ #back_to_top {display: none!important;} /* Structure -*/ .block {padding: 60px 0;} /* header */ .header-wrapper {min-height: 70px; height: auto;} .header-wrapper .container {width: 100%;} .header-wrapper div[class^="col"] {padding: 0;} .header-wrapper #logo {height: 70px; line-height: 70px; margin-left: 20px;} .header-wrapper #logo.logo-img {padding: 15px 0;} .header-wrapper #logo img {max-height: 150px; width: auto; margin: 17px 67%;} /* Language selector */ .lang_selector {position: absolute; top: -18px; right: 70px; padding-top: 50px;} .nav-collapse ul.sub-menu li a{border-bottom: 1px solid #fff;} /* Gallery ----------------------------------------------------------------*/ #gallery {min-height: 300px;} /* Details Gallery --------------------------------------------------------*/ .details-gallery {margin-top: 30px;} .gallery-item {min-height: 100px;} .single .gallery-item{height: 300px; width: auto; overflow: hidden;} .single .gallery-item img{height: 600px; width: auto; left: 50%; margin-top: 0;} .single .post-container .gallery-item{margin: 0 0 30px;} .gallery-item .overlay {background-position: center 30%;} .gallery-item .overlay-meta {bottom: 15px; left: 15px;} /* Galeries personnalisées ----------------------------------------------------------------*/ ul#galeries_decouverte{width: 100%; margin: 10px auto;} .galeries_decouverte{width: 45%; margin: 10px;} .galeries_decouverte img {height: 380px;} /* Experiences ------------------------------------------------------------*/ #experiences .card-list {padding: 0 15px; } /* Owners -----------------------------------------------------------------*/ #owners {padding-bottom: 10px;} #owners .media {margin-bottom: 50px;} #owners .media img {width: auto;} /* 4. Post Content Styles -----------------------------------------------*/ .post-container {padding-bottom: 20px; margin-bottom: 40px;} .col-md-offset-2 {margin-left: 0%;} .citation_auteur{letter-spacing: 1px; font-size: 15px;} /* .single div.row .citation_auteur:first-of-type:first-letter {font-size: 15px;} */ /* 5. Comments ----------------------------------------------------------*/ .children .comment {padding-left: 0;} #commentform input {width: 100%;} #commentform #submit {width: 100%;} /* 8. Page & Page Templates ---------------------------------------------*/ /* Contact Form styles ----------------------------------------------------*/ .wpcf7 input, .wpcf7 .wpcf7-submit, .wpcf7-form-control-wrap.budget {width: 100%;} /* 9. Widget -----------------------------------------------------------*/ /* Sidebar ----------------------------------------------------------------*/ aside {border-top: 1px solid #eee; margin-top: 50px; padding-top: 50px;} /* 12. Shortcodes --------------------------------------------------------*/ /* Promo box --------------------------------------------------------------*/ .promo-content {width: 70%;} .promo-content li {margin-bottom: 10px;} .promo-price {width: 30%;} .promo-price .cost {font-size: 68px; line-height: 68px;} /* Statistics Block -------------------------------------------------------*/ .statistics {padding-bottom: 10px;} .stat {margin-bottom: 50px; text-align: center;} /* Review Item ------------------------------------------------------------*/ .reviews {padding-bottom: 10px;} .review-item {margin-bottom: 50px;} /* Experience Detail ------------------------------------------------------*/ .experience-detail {margin-bottom: 30px;} .experience-detail.last {margin-bottom: 0;} /* Share Box --------------------------------------------------------------*/ .share-box span {display: inline-block; margin-right: 0; margin-bottom: 25px;} } @media (min-width: 961px) and (max-width: 1024px){ div#form_infolettre input, div#form_infolettre button { text-align: center; max-width: 45%; } } /* Smartphone */ @media (max-width: 961px) { div#form_infolettre input, div#form_infolettre button{ width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 1. Document Setup (body, common classes, vertical rhythm, structure etc) /*-----------------------------------------------------------------------------------*/ /* subtitle */ .subtitle { margin-bottom: 50px; } /* back to top */ #back_to_top { display: none!important; } /* check list inline */ #calendar .check-list.inline { margin: 25px 0 10px 0; } .check-list.inline li { float: none; width: 100%; } /* check list floated */ .check-list li.floated { float: none; width: 100%; } /* Structure --------------------------------------------------------------*/ .block { padding: 50px 0; } /* Collapsible contents ---------------------------------------------------*/ .collapsible-header { position: relative; overflow: hidden; display: inline-block; margin: 0 15px 13px 0; padding-left: 45px; height: 28px; line-height: 28px; } .collapsible-header:before { content: ""; position: absolute; width: 28px; height: 28px; top: 0; left: 0; z-index: -1; background: transparent url(img/collapsible-amenities-header@2x.png) top left no-repeat; background-size: 28px 28px; -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .collapsible-header.open:before { -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .collapsible-content { -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; -webkit-transition: height .5s; transition: height .5s; height: 0; overflow: hidden; } .collapsible-content.open { height: auto; overflow: auto; } /*-----------------------------------------------------------------------------------*/ /* 2. Header Styles /*-----------------------------------------------------------------------------------*/ #logo a { height: 70px; line-height: 70px; } /*-----------------------------------------------------------------------------------*/ /* 3. Main Content Styles /*-----------------------------------------------------------------------------------*/ /* Gallery ----------------------------------------------------------------*/ #gallery { min-height: 100px; } /* Calendar ---------------------------------------------------------------*/ .subtitle.calendar { margin-bottom: 10px; } /* Property details -------------------------------------------------------*/ /* Details list */ .details-list { margin-bottom: 25px; } .details-list li { width: 100%; float: none; } /* Details Gallery */ .gallery-item { min-height: 100px; width: 50%; } .gallery-item .overlay { background-position: center 30%; } .gallery-item .overlay-meta { bottom: 15px; left: 15px; } /* Owners -----------------------------------------------------------------*/ #owners.block { padding-bottom: 0; } #owners .h2-divider { margin-bottom: 25px; } #owners .media { text-align: center; margin-bottom: 30px; } #owners .media p.subtitle{ text-align: center; } #owners .media img { width: 200px; float: none; } /* Weather ----------------------------------------------------------------*/ #weather .degree:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #weather .degree { display: inline-block; } /* Hide from IE Mac \*/ #weather .degree { display: block; } #weather .degree-inner { width: 220px; margin: 0 auto; } #weather .weather-stats ul { width: 210px; margin-left: auto; margin-right: auto; } /* Directions -------------------------------------------------------------*/ /* map */ #map { height: 320px; } /* Contacts ---------------------------------------------------------------*/ #contacts.block { padding-bottom: 30px; } /*-----------------------------------------------------------------------------------*/ /* 5. Comments /*-----------------------------------------------------------------------------------*/ .children .comment { padding-left: 0; } #commentform input { width: 100%; } #commentform #submit { width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 7. Footer Styles /*-----------------------------------------------------------------------------------*/ footer .pull-left, footer .pull-center, footer .pull-right { float: none; display: block; text-align: center; } footer .pull-left, footer .pull-center{ margin-bottom: 30px; } footer .pull-left, footer .pull-center{ margin-right: 0; } footer .pull-center img{ height: 30px; margin: 0 10px 20px 10px; } /*-----------------------------------------------------------------------------------*/ /* 8. Page & Page Templates /*-----------------------------------------------------------------------------------*/ /* Page title */ .page-title { padding: 50px 0; } /* Contact Form styles ----------------------------------------------------*/ .wpcf7 input, .wpcf7 .wpcf7-submit, .wpcf7-form-control-wrap.budget { width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 9. Widget /*-----------------------------------------------------------------------------------*/ /* Sidebar ----------------------------------------------------------------*/ aside { border-top: 1px solid #eee; margin-top: 50px; padding-top: 50px; } /* DatePicker Container */ .ui-datepicker:before { border: 0; margin-top: 0; } .ui-datepicker { position: fixed!important; top: 50%!important; left: 50%!important; } /*-----------------------------------------------------------------------------------*/ /* 12. Shortcodes /*-----------------------------------------------------------------------------------*/ /* Promo box --------------------------------------------------------------*/ .promo-content { width: 100%; float: none; padding-bottom: 20px; } .promo-content li { margin-bottom: 10px; } .promo-price { width: 100%; float: none; text-align: center; } .promo-price .cost { font-size: 68px; line-height: 68px; } /* Statistics Block -------------------------------------------------------*/ .statistics { padding-bottom: 0; } .stat { margin-bottom: 50px; } /* Review Item ------------------------------------------------------------*/ .reviews { padding-bottom: 0; } .review-item { margin-bottom: 50px; } /*-----------------------------------------------------------------------------------*/ /* 13. Footer /*-----------------------------------------------------------------------------------*/ footer .pull-left, footer .pull-center { max-width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 14. Barre de dons /*-----------------------------------------------------------------------------------*/ #bar ul { padding: 0; } /* On n'affiche pas "Soutenir la communauté */ #bar ul li:last-child{ display: none; } #bar ul li { float: left; line-height: 40px; padding: 0; margin-right: 30px; } } @media (max-width: 500px){ ul#liste_ad_lucem li::before { font-size: 50px; vertical-align: -32%; } .col-md-12{ padding: 0; } .dropcap{ padding: 10px 25px; } .check-list li.floated { margin: 20px 0 40px; } .encart_gris { background-color: #f1f1eb; padding: 16px 20px; } iframe{ padding: 0 25px; } } @media (min-width: 411px) and (max-width: 500px){ /* Galeries personnalisées ----------------------------------------------------------------*/ .galeries_decouverte{ width: 45%; margin: 5px 7px; } .galeries_decouverte img { height: 280px; } } @media (max-width: 400px) { /* Galeries personnalisées ----------------------------------------------------------------*/ ul#galeries_decouverte, ul#galeries_decouverte li,.galeries_decouverte{ width: 100%; margin: 10px auto; } .galeries_decouverte img { height: 430px; } .single .gallery-item img{ height: 400px; } } /*-----------------------------------------------------------------------------------*/ /* 11. Retina support /*-----------------------------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { header #logo a img.standard { display: none; } header #logo a img.retina { display: inline-block; } /* DOC SETUP */ /* booking > set date */ #booking .setDate { background-image: url(img/set-date@2x.png); background-size: 32px 32px; -moz-background-size: 32px 32px; -webkit-background-size: 32px 32px; } /* details gallery */ .gallery-item .overlay { background-image: url(img/zoom@2x.png); background-size: 45px 45px; -moz-background-size: 45px 45px; -webkit-background-size: 45px 45px; } /* MAIN CONTENT STYLES */ /* Gallery */ #gallery .tp-leftarrow.default, .rev-slider-gallery .tp-leftarrow.default { background: url(img/slider-controls@2x.png) no-repeat 0 0; background-size: 60px; } #gallery .tp-rightarrow.default, .rev-slider-gallery .tp-rightarrow.default { background: url(img/slider-controls@2x.png) no-repeat 0 -60px; background-size: 60px; } /* iCheck plugin */ .iradio_flat { background: url(img/icheck/flat@2x.png) no-repeat; background-size: 80px; -moz-background-size: 80px; } /* Directions */ .map-arrow { background-image: transparent url(img/map-arrow@2x.png) top center no-repeat; background-size: 50px; /*-moz-background-size: 50px; -webkit-background-size: 50px;*/ } } span.wpcf7-list-item { width: 100% !important; display: inline-block; margin: 0 0 0 1em;} .wpcf7 input { float: left; margin: 7px 20px 0 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input[type="checkbox"] { width: 1%; margin-left: -15px !important; min-width: 15px;} @media (max-width: 400px) { input[type="checkbox"] { width: 7%; margin-left: -15px !important; } span.wpcf7-list-item { width: 92% !important; } } @media (min-width: 240px) and (max-width: 319px) { .header-wrapper #logo img { margin: 21px 0 !important; } } @media (min-width: 320px) and (max-width: 359px) { .header-wrapper #logo img { margin: 22px 0 !important; } } @media (min-width: 320px) and (max-width: 359px) { .header-wrapper #logo img { margin: 22px 0 !important; } } @media (min-width: 360px) and (max-width: 480px) { .header-wrapper #logo img { margin: 22px 0 !important; } } @media (max-width: 767px) { .header-wrapper #logo img { max-height: 120px; } } @media (max-width: 480px) { .header-wrapper #logo img { max-height: 110px; } } @media (min-width: 800px) and (max-width: 1023px) { /* .header-wrapper #logo img { width: 73% !important; margin-top: 37px !important; margin-left: 16px !important; } */ .header-wrapper #logo img { width: 80% !important; height: auto !important; max-height: none !important; margin-top: 11px !important; /*margin-left: 144% !important;*/ } .nav-collapse li a { font-size: 2.38rem !important; padding: 18px 24px !important; } } /*@media (min-width: 960px) and (max-width: 1023px) { .header-wrapper #logo img { margin-left: 184% !important; } }*/ @media (min-width: 1024px) { .header-wrapper #logo img { width: 100% !important; height: auto !important; margin-top: 20px !important; } .nav-collapse ul li { margin-right: 20px !important; } .nav-collapse li a { padding: 0 !important; } #bar ul li { /* margin: 0 0 0 20px; */ padding: 0px; } div#bar { height: 40px; } #bar ul { padding: 0; } .nav-collapse li a { margin-top: 38px !important; } } /*@media (min-width: 1440px) { .nav-collapse li a {font-size: 18px !important;} }*/ @media (min-width: 1620px) { .nav-collapse ul li { margin-right: 32px !important; } }