/* Theme Name: HospiceOseo - Inscription Theme URI: https://www.stamina.ch Description: Stamina custom theme Author: Stamina Author URI: https://www.stamina.ch Version: 9.0 - online - lenumerique License: no Licencing possibility License URI: http://www.stamina.ch Tags: Custom theme */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Global from bbxdesign */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;} table{ border-collapse:collapse; border-spacing:0;} fieldset,img{ border:0;} address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;} ol,ul{ list-style:none;} caption,th{ text-align:left;} h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:normal;} q:before,q:after{ content:''; font-family:Georgia, "Times New Roman", Times, serif} abbr,acronym{ border:0;} body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;} a{ color:#0072bc; cursor:pointer; text-decoration:none;} a:visited{ color:#8e599f;} a:hover{ text-decoration:underline;} /* Segon from bbxdesign */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;} table{ border-collapse:collapse; border-spacing:0;} fieldset,img{ border:0;} address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;} ol,ul{ list-style:none;} caption,th{ text-align:left;} h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} q:before,q:after{ content:'';} abbr,acronym{ border:0;} body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;} /* Balises block */ .post-content h1{ } .post-content h2{ } .post-content h3{ } .post-content h4{ } .post-content h5{ } .post-content h6{ } .post-content p{ } .post-content ul{ } .post-content ol{ } .post-content blockquote{ } .post-content pre{ } .post-content address{ } .post-content address{ } /* Balises inline */ .post-content strong{ } .post-content em{ } .post-content acronym{ } .post-content code{ } .post-content del{ } .post-content ins{ } /* Classes des images */ .alignleft{ display:inline; float:left;} .aligncenter{ clear:both; display:block; margin-left:auto; margin-right:auto;} .alignright{ display:inline; float:right;} .size-auto{ } .size-medium{ } .size-large{ } .size-full{ } .wp-caption{ } /* Légende de l'image */ .wp-caption img{ } .gallery{ } .gallery .gallery-item{ } /* Global Content -------------------------------------------------------------- */ p::selection, em::selection, a::selection, span::selection, label::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, h7::selection { background: #F1D955; color: #000; } /* Form Corrections Content -------------------------------------------------------------- */ .hosform-form-wrapper h3{ font-size:2.5em; font-family: 'Noto Serif', serif; width: 60%; font-weight: 700; line-height: 1.2em;} .hosform-form-wrapper .pagination{ border-bottom:0px solid #000; padding-bottom:0px!important; margin-bottom: 35px!important; background-color:#EFEFEF; padding-top:5px; } .hosform-form-wrapper .pagination .of-row .col-4{ font-weight:normal; color:#B6B6B6;font-size:1.5em; line-height: 1.2em; /*font-family: 'Noto Serif', serif;*/} .hosform-form-wrapper div.box .inner .plus{ /*top:-5px;*/display:none!important;} .hosform-form-wrapper button.submit, .hosform-form-wrapper input.submit, .hosform-form-wrapper .hosform-button{transition: background-color 0.3s ease, opacity 0.3s ease;} .hosform-form-wrapper input.box.active, .hosform-form-wrapper div.input-box.active, .hosform-form-wrapper div.box.active{border-color:#F1D955; background-color:#F1D955; color:#000;} .hosform-form-wrapper button.submit:hover, .hosform-form-wrapper input.submit:hover, .hosform-form-wrapper .hosform-button:hover{background-color:#F1D955;opacity: 1; cursor:pointer; color:#000;} .hosform-form-wrapper .headings div.box{ border:none!important;height: 20px;} .hosform-form-wrapper .headings div.box:hover{ background-color:transparent!important; color:#000; cursor:auto;} .hosform-form-wrapper .pagination .arrow{animation: fade 2s infinite; transition: color 1s, opacity 1s; font-size:2.5em; padding: 5px;} .hosform-form-wrapper .pagination .arrow img{ max-height: 40px; opacity: 0.3; transition: opacity 0.3s ease-in-out;} .hosform-form-wrapper .pagination .arrow:hover > img{ opacity: 1} .hosform-form-wrapper .pagination .arrow:hover{color:#000;} .hosform-form-wrapper .ginput_container .col-4{ width:18%;} .hosform-form-wrapper .ginput_container .col-8{ width:81%; padding: 0%;} .hosform-form-wrapper .spacing{ padding:0;} .hosform-form-wrapper div.box{ width: 23%;} .hosform-form-wrapper input.box, .hosform-form-wrapper div.input-box, .hosform-form-wrapper div.box{/* margin-right:2.2%; /*height: 50px;*/ transition: border-color 1s, opacity 1s;} .hosform-form-wrapper input.box:last-child, .hosform-form-wrapper div.input-box:last-child, .hosform-form-wrapper div.box:last-child{ margin-right:0;} .hosform-form-wrapper input.box:hover, .hosform-form-wrapper div.input-box:hover, .hosform-form-wrapper div.box:hover{border-color:#F1D955;opacity: 1; cursor:pointer; } @media (max-width: 1100px){ .hosform-form-wrapper .of-row{ margin-right:0; margin-left:0;} .hosform-form-wrapper h3{ font-size:1.5em; width: 100%;} .hosform-form-wrapper .ginput_container .col-4{ width:100%;} .hosform-form-wrapper .pagination .col-4.text-left, .hosform-form-wrapper .pagination .col-4.text-right, .hosform-form-wrapper .pagination .col-4.text-center{ float: left;} .hosform-form-wrapper .pagination .col-4.text-left{ width: 10%;} .hosform-form-wrapper .pagination .col-4.text-right{ width: 10%; text-align: right;} .hosform-form-wrapper .pagination .col-4.text-center{ width: 80%;} .hosform-form-wrapper div.box{width: 22%; height: 75px;margin-right: 2%;} .hosform-form-wrapper div.box .inner .plus{ top:8px;} .hosform-form-wrapper .ginput_container .col-8{ width:100%; padding: 0%;} .hosform-form-wrapper .text-right{ text-align:left;} } @media (max-width: 500px){ .hosform-form-wrapper .pagination .of-row .col-4{ font-size:1.2em; line-height: 1.2em; /*font-family: 'Noto Serif', serif;*/ } .hosform-form-wrapper .pagination{ margin-top:15px; margin-bottom:15px!important;} .hosform-form-wrapper .headings div.box{ line-height:1.2em;} .hosform-form-wrapper div.box{margin-right:2.7%;} .hosform-form-wrapper div.box{ width: 45%!important;} .hosform-form-wrapper div.box .inner .center{top:45%;} .hosform-form-wrapper div.box .inner .center .cours-date{ /*text-align:left; padding-left:5px;*/ font-size: 1.2em; font-weight: bold;} .hosform-form-wrapper div.box .inner .plus{ top:8px; right: 22px; top:20px;} .hosform-form-wrapper .pagination{} .hosform-form-wrapper div.box-day{ font-size:12px;} .hosform-form-wrapper .headings{ margin-bottom:20px;} .hosform-form-wrapper .headings .col-4{ display:none;} } /* Calendar */ /**************************************************************************************************************************************** /***************************************************************************************************************************************/ .Course{ font-weight: bold;font-size: 0.8em;} .CourseDate{ display: inline-block; font-size: 0.8em;} .hosform-form-wrapper div.box-day{ padding:0; line-height: 1em; margin-top:-5px;} @media (max-width: 1100px){ .hosform-form-wrapper .of-row.headings{ margin-bottom: 25px!important;} .Course, .CourseDate{ font-size: 1.2em;} .hosform-form-wrapper div.box-day{ margin: 15px 0!important;} } /* Global Content -------------------------------------------------------------- */ body{ height:100%;} html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: hidden; /* Hide horizontal scrollbar */ height: 100%;} a, a:visited, a:active, a:hover{outline:none; color:#ed672b;} a:hover{ text-decoration:none; cursor:pointer!important;} img, object, embed, video { max-width: 100%; height: auto; } strong{ font-weight:600;} button{ font-size:2.5em; background-color:transparent; color:#000; padding: 25px 70px;} .post-content ul{ margin-left:20px; margin-bottom: 1em;} .post-content ul li{ list-style-type:disc;} body{ font-family: 'Arial', sans-serif; height: 100%; color:#2C2C2C; font-size: 1.1em; line-height: 1.3em; font-style: normal; /*background-color: #F4F4F4;*/background-color:#F5CF3F;overflow-x: hidden; /* Hide horizontal scrollbar */ } body.blog{background-color:#e8e8e8;} body.blog, body.single{} .HeaderWrap{ width: 100%;} .Wrapper{ /*width:auto; overflow:hidden; max-width: 1480px; margin-top: 2%;* / padding-top:52px;*/ background-color:#fafafa; } .Wrapper.AlignLeft{ float:left;} .Wrapper.AlignCenter{ margin:0 auto;} .Wrapper.AlignRight{ float:right;} .FullHeight{ min-height:100%; position: relative; } /*.single .post-content p{color:#421712;}*/ .Section{ width:auto; max-width: 1100px; /*border-bottom: 4px solid pink;*/ margin-bottom: 25px;margin:0 auto; position: relative; z-index: 10; /*display: flex;*/ } @media (max-width: 768px){ .Wrapper{ padding-top:0px; } } .Section.Error{ margin-top: 18vh; /*height: 60vh;*/ text-align: center;} .Section.Site{ padding-top:15px; } .Section.Full{ width:100%;margin:0 auto; max-width: 100%; /*margin-bottom: 150px;*/ position: relative; /*text-align: center; */display: inline-block; z-index: 999; } .Section.Sixty{ width: 70%; } .Section.Sixty.Full{ width: 100%;} .Section.Sixty.Left{/*float: left; */ margin:0 auto;} .Section.Thirty{ width: 28%; } .Section.Thirty.Right{ float:right; } .page-template-About .Section.Sixty.Left{ float: none; display: inline-block; background-color:pink;} .page-template-About .Section.Thirty.Right{float: none;display: inline-block; background-color:yellow; height: 100%; vertical-align:bottom;} /* .FullHeight .Cols { position: relative;} .FullHeight .Cols .Col{ position: absolute; bottom: 0;}*/ .Section.Full.Bottom{ padding-top:35px;} .Section.Full.Head{ /*-webkit-box-shadow: 0px -4px 15px 5px rgba(0,0,0,0.72);*/ /*box-shadow: 0px -4px 15px 5px rgba(0,0,0,0.72); */z-index: 9999; /*position: fixed; top: 0;*/ } /*.Section.Full.Head.Invert{background-color:#C3A572;}*/ .Bloc{ display:inline-block; width: 100%;} .Bloc.Bottom{ vertical-align:bottom;} .page-template-About .Module .Section .Col img{ vertical-align:bottom;} .Page{ /*padding-top: 75px;*/} .Section.Half{ width: 50%;} .Section h2{ /*margin-top: 25px;*/} #Footer .Section{ margin-bottom:0;} @media screen and (max-width: 1480px) { /*.Wrapper{ width:90%; /*padding:0 5%;* /}*/ .Section{ width:90%; /*padding:0 5%;*/} #Header { width:90%!important;/* background-color: red;*/} } @media screen and (max-width: 900px) { /*.Section.Full { margin-bottom:25px;}*/ } .grey{ color:#999;} .purple{color:#472676;} .blue{ color:#468BBC;} .White{ color:#fff;} /*.GrayBackground{background-color:#707070; color:#fff; padding: 85px 0;font-family: 'Open Sans Condensed', sans-serif;} .GrayBackground strong{ color:#fff!important;} .GrayBackground h1, .GrayBackground h2, .GrayBackground h3, .GrayBackground h4, .GrayBackground h5, .GrayBackground h6{ color:#C3A572; margin-bottom: 25px;font-family: 'Open Sans Condensed', sans-serif;} .GrayBackgroundS{background-color:#ccc; padding: 85px 0;} .GrayBackgroundC{background-color:#e2e2e2;; padding: 85px 0;}*/ .tel{ max-width:100px; margin:0 auto; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; filter: opacity(60%); -webkit-filter: opacity(60%); } .tel:hover{ filter: opacity(100%); -webkit-filter: opacity(100%); } .Copy{ width:100%; text-align: center; font-size:0.8em; padding: 20px 0 10px 0;} .Copy a, .Copy a:visited{ color:#000; opacity: .4;} .Copy a:hover, .Copy a:focus{ text-decoration: underline; opacity: .7;} h1, h2, h3, h4, h5, h6{ /*font-family: 'Noto Serif', serif;*/ color:#2C2C2C; font-size: 2.2em; line-height: 1em; } h3{ font-size:1.5em; margin-top:-20px;} h4{ /*font-family: Times, "Times New Roman", "serif";*/font-size:1.7em; font-weight: bold; margin-bottom: 25px; } .blog h2{ padding: 10px 0 30px 0;font-weight: bold;} .page h2{ padding: 10px 0 15px 0; font-weight: bold;} .ViewMore{ display: inline-block; width: 100%; margin:0 auto; text-align: center; margin: 25px 0; } .ViewMore a{ color:#000; width: auto; margin:0 auto; border:1px solid #000; opacity: 1; transition: width 300ms; padding:15px; background-color:#fff;transition: background-color 0.3s ease, opacity 0.3s ease; } .ViewMore:hover{/*opacity: 0.6; */cursor:pointer;/* transition: opacity 300ms, transform 300ms;*/ color: brightness(80%) #F1D955; } .ViewMore:hover a{width:170px;/*transition: opacity 300ms, transform 300ms; transition: width 300ms*/ background-color:#F1D955; color:#000; border-color:#F1D955;} .ViewMore a:hover{color: brightness(80%) #F1D955; } .single .PostNavigation .alignright.ViewMore a{ color:#421712!important; background-color:#C3A572!important;float: right!important; } .single .PostNavigation .alignleft.ViewMore a{ color:#421712!important; background-color:#C3A572!important;float: right!important; text-align: right; border-top-right-radius: 18px;border-bottom-right-radius: 18px; border-top-left-radius: 0;border-bottom-left-radius: 0; padding: 7px 20px 10px 0px!important; } .single .PostNavigation .alignleft.ViewMore:hover a{width:170px;transition: opacity 300ms, transform 300ms; transition: width 300ms} /*.page h2{color:#C3A572!important; font-size:2.8em; /*margin-top:120px;* /} .FullTitle h2{font-size:5.8em; text-transform: uppercase; color: #C3A572!important; }*/ p{ margin-bottom:1em;} .post-content{/*padding-bottom:4%;*/} #Map .Map{ height:500px;} .Module{ padding:0px 0 45px 0; position: relative;} .Module.NoPaddingBottom{ padding-top:45px; padding-bottom:0;} .Module.Color{ background-color:#ebd83b; padding-bottom: 145px;} .Module ul{ margin-left: 15px;} .Module ul li{ list-style-type: disc;} @media screen and (max-width: 900px) { .ImageCol{display: none;} .ImageCol.First{display: block;} .page h2{font-size:1.6em; } /*.FullTitle h2{font-size:3em; }*/ } @media screen and (max-width: 500px) { .Module{ padding:10px 0;} } /* Header -------------------------------------------------------------- */ #Logo{ z-index:9999; display: inline-block; width: 70%; margin-right: 25px; text-align: left; margin-top:15px; } #Logo img{ min-width: 130px; max-width: 100%; height:auto; padding: 10px;} .Head{ /*-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.6); box-shadow: 0px 2px 15px 0px rgba(255,255,255,0.6);*/ text-align:center; } .LogoPrincipal{ float: left;} .LogoSuite{ width: 29%; float: left; padding-top:32px;} #Logo .LogoSuite img{min-width: 130px; max-width: 80%; padding: 7px;} #Header{ width: 100%; /* overflow: hidden; */ display: inline-block; margin: 0 auto; /*background-color:pink;*/ margin-bottom: 35px; } #Header .Social{ margin-top: 30px;} @media screen and (max-width: 1350px) { #Header .Social{ display: none;} } @media screen and (max-width: 768px) { /*#Logo{ float:left;} /*#Logo img{ min-width: 50px; max-width: 200px; height:auto; padding: 0; padding-bottom: 5px;}*/ } .SiteInfos{ width:100%; text-align:center; display: none;} .Slider{ /*background-color:pink;*/ display:block; height:35px; width:100%; min-height:170px; } .HideButtun{ display:none;} /* banner home */ .Banner{ height: 40vh; background-position: center center; background-repeat: no-repeat; /*background-color:aquamarine;*/ background-size: cover;height: 70vh; } .Section.Banner.full{ width: 100%;} .Banner.Home{ /*padding-top:10vh;*/ position: relative;} .Banner.OverSlider{} .Banner h1, .Banner h2{ text-shadow: 2px 2px 9px rgba(255, 255, 255, 0.7); text-align: center; text-transform: uppercase;} .Banner h1{color:#164c44;} .Banner h2{color:#ff5519; font-size:1.2em;} .Banner img{ width: 100%; height: auto;} .BannerTitle{ width: 100%; height: auto; text-align: left; padding-top:10%; text-transform: uppercase; /*padding-top: calc(180px - 15px);*/ } .BannerTitle h1, .BannerTitle h4{ color:#164c44;} .BannerTitle h4{ font-size:1.7em; text-transform: none; text-align: center; color:#ff5519;} .BannerTitle.Video{ z-index: 9999; position: absolute;} .Banner{ position: relative; /*margin-top: 80px!important;*/} .Banner video{width: 100%; height: 100%; position: absolute; object-fit: cover; z-index: 0; } .BannerOpacity{ position: absolute; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.6); opacity: 0.6; top:0; z-index: 9999} /* background video */ video { object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .video-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; } /* banner home*/ .MenuLang{ position: absolute; color:#C3A572;text-transform: uppercase; margin-top:14px; font-size: 0.8em; right: 25px;} .MenuLang ul{} .MenuLang ul li{ display: inline;} .MenuLang ul li a{ padding: 5px; color:#C3A572;} .MenuLang ul li a:hover{ color:#fff;} .MenuLang ul li.select a{color:#fff;} #Head.Invert .MenuLang {color:#421712;position: absolute; text-transform: uppercase; margin-top:14px; font-size: 0.8em; right: 25px;} #Head.Invert .MenuLang ul li a{color:#421712;} #Head.Invert .MenuLang ul li a:hover, #Head.Invert .MenuLang ul li.select a{color:#fff;} @media screen and (max-width: 1350px) { .MenuLang{display:none;} } @media screen and (max-width: 900px) { .Banner{height: 450px; } } @media screen and (max-width: 780px) { .Banner{height: 350px; } #Logo{max-width: 355px;} } @media screen and (max-width: 570px) { .Banner{height: 250px; } #Logo{max-width: 255px;} } .ModuleTitle{ width: 100%;margin-bottom:45px; } .center{text-align:center;} /* Footer -------------------------------------------------------------- */ #Footer{ min-height: 50px; width: 100%; color:#fff; background-color:#F5CF3F; font-size:0.85em; text-align: center; } .TitleLogos{ padding: 25px 0;} .FooterLogos{ margin:0 auto;} .FooterText{ margin-top:50px;} .AlignRight{ text-align:right;} #Footer a{} #Footer strong{ font-weight: normal; color:#fff;} #Footer .ViewMore a{ background-color:transparent!important; border-color:#fff; color:#fff;} .FooterLogosImg a.hospice{max-height: 52px; width:auto;} .FooterLogosImg a.oseo{max-height: 56px; width:auto; margin-right: 35px;} #SiteMap{ width:100%; display: none;} #SiteMap h2{} #SiteMap ul{} #SiteMap ul li{ display:table-cell;} #SiteMap ul li a{ padding:0px 10px;} @media screen and (max-width: 921px) { #Footer{ position: relative;} } #Footer .Section.Bottom {} #Footer .Section.Bottom p, #Footer .Section.Bottom ul li a { line-height: 1.5em;} #Footer .Section.Bottom a{ color:#fff;} .LogoTypo{float:left; margin-top: 25px; margin-right: 10px;} .LogoTypo img{ width: 75px; height: auto;} @media screen and (max-width: 483px) { .FooterLogosImg a.oseo{max-height: 56px; width:auto; margin-right: 0px; margin-bottom: 55px;} } /* Scroll Me -------------------------------------------------------------- */ .Scroll{ position:absolute; bottom: 155px; width: 100%;} @-webkit-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .scroll-btn { display: block; position: absolute; left: 0; right: 0; text-align: center; text-shadow: 2px 2px 9px rgba(0, 0, 0, 1); } .scroll-btn > * { line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active { color: #ffffff; } .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active { opacity: 0.8; filter: alpha(opacity=80); } .scroll-btn .mouse { position: relative; display: block; width: 35px; height: 55px; margin: 0 auto 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; text-shadow: 2px 2px 9px rgba(0, 0, 0, 1); } .scroll-btn .mouse > * { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; text-shadow: 2px 2px 9px rgba(0, 0, 0, 1); } /* Contacts -------------------------------------------------------------- */ #Head{ /*position: fixed; height: 70px; top: 0;*/ width: 100%; transition: all .3s ease; background-color: #fafafa; /*box-shadow: 0 1px 25px rgba(0,0,0, .1);*/ } #Head.hide { top: -70px; } /* Single page -------------------------------------------------------------- */ .PostDetail{ /*width:60%; float: left;*/} .PostDetail, .PostInfos{ margin-top:30px;} .PostDetail h4{ border-bottom: 2px solid #421712; height:50px;margin-bottom:25px; } .PostInfos{ width: 25%;float: right;} .PostInfos .Title{border-bottom: 2px solid #421712; color:#421712; margin-bottom:25px; padding-top:22px;font-size:0.7em;letter-spacing: 0.2em;} .PostInfos .Description{color:#C3A572; text-transform: uppercase; font-size:0.7em; letter-spacing: 0.2em;} .PostNavigation{ display:inline-block; background-color:pink; width: 100%;} /* repeater -------------------------------------------------------------- */ /* .blanc #fff .sable #C3A572 .pourpre #421712 .Repeat{ width: 100%;} .Repeat .row{ width: 24%; display: inline-block;} .RepeatTitle{/*border-bottom:2px solid #421712; margin-bottom: 7px;* / font-size: 0.6em;} .RepeatContent{margin-bottom:18px;} .RepeatTitle, .RepeatContent{text-transform: uppercase; line-height: 1.7em;} .Module.blanc .RepeatTitle{color:#C3A572!important; } .Module.blanc .RepeatContent{color:#421712!important;} .Module.sable .RepeatTitle{color:#fff!important;} .Module.sable .RepeatContent{color:#421712!important;} .Module.pourpre .RepeatTitle{color:#C3A572!important;} .Module.pourpre .RepeatContent{color:#fff!important;} .row.Repeater{ } */ /* data speed -------------------------------------------------------------- */ .WrapBox { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; top: 0px; left: 0px; } .box { -webkit-box-flex: none; -moz-box-flex: none; box-flex: none; -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; height: 200px; width: 200px; text-align: center; font-size: 25px; will-change: transform; } /* Social -------------------------------------------------------------- */ .Social{ /*position: absolute; margin-left: 135px;*/ float: right; } .Social div{ display:inline-block; margin-right: 5px;} .Social div a{ opacity: 0.3; transition: opacity 0.2s; /* Transition should take 0.3s */ -webkit-transition: opacity 0.2s; /* Transition should take 0.3s */padding: 5px 5px!important; /*background-color:yellow;*/ } .Social div a i{ color:#000;} .Social div a:hover{ opacity: 1; } #Footer .Social { padding-top: 0px; margin-top:0; text-align: center; float: none; width: 100%; display: inline-block; } #Footer .Social a{ /*padding:15px!important;*/ } #Footer .Social a img{/*-webkit-filter: invert(1); filter: invert(1);*/} #Footer .SocialLink div {float: right;} #Footer .Col{ width:70%; display: inline-block} #Footer .Col.Social{ width:25%;;} @media screen and (max-width: 900px) { #Footer .ColThree.SocialLink{width:100%!important; margin:0!important} #Footer .Social div {float: none;} #Footer .ColThree.Footer, #Footer .SocialLink div{ text-align:left;} .Copy{ text-align:center!important; padding-right:0px!important; } } @media screen and (max-width: 520px) { #TEAM .Col div.alignright{ float:left!important;} } /* Content -------------------------------------------------------------- */ .Justify{ text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .Cols{ /*float: left;*/ width: 100%; position: relative; display: inline-block;} .Col{ } .Col.Single{ /*margin-bottom:35px;*/}strong .Col.Half{ float:left; width: 40%; margin-right: 5%;} @media screen and (max-width: 1100px) { .Col.Half{ width: 100%;} } .ColTwo{ width: 45%; /*background-color: aquamarine;*/} .ColThree{ width: 30%; /*background-color: yellow;*/} .ColFour{ width: 23%; /*background-color:bisque;;*/} .ColTwo.NoBoxed.Left{width: 38%; margin-right: 7%;} .ColTwo.NoBoxed.Right{width: 38%;margin-left: 7%;} .ColTwo.Left{ margin-right: 5%;} .ColTwo.ImageLeftMobile{display: none;} .ColThree, .ColTwo, .ColFour{ text-align: left; /*background-color:pink;*/ vertical-align: top; display: inline-block; *display: inline; zoom: 1 } .ColThree img, .ColTwo img, .ColFour img{ /*width: 100%; height: auto;*/} /*.Module .ColThree img, .Module .ColTwo img, .Module .ColFour img{width: 100%; height: auto;}*/ .Vmiddle{ /*margin-left: 10%;;*/ position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* .ColTwo.VerticalMiddle, .ColThree.VerticalMiddle, .ColFour.VerticalMiddle{ vertical-align: middle!important;}*/ .ColThree.Footer{ /*font-size:0.9em; line-height: 1.2em;*/ margin-bottom: 15px;} .stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 } @media screen and (max-width: 900px) { .ColThree{ width: 48%;} .ColTwo{ width: 100%; margin-bottom: 25px;} .ColorBloc, .ColorBlocRight{ display: none;} .ColTwo.NoBoxed.Right, .ColTwo.NoBoxed.Left{ width: 100%; margin-left:0;} .ColTwo.ImageLeft{ display:none;} .ColTwo.ImageLeftMobile{ display: block} .ColTwo.ColText{display:block!important;} .Vmiddle{ position: inherit; transform: none; } .FooterText .ColThree, .FooterText .ColThree .AlignRight{ width:100%; text-align: center; margin: 15px 0; } } @media screen and (max-width: 570px) { .ColThree{ width: 100%;} .ColThree.Footer{ text-align:center;} } .Separator{ width: 100%; clear: both;} .Separator span{ width: 100px; border-top:3px solid #F0D957; display: inline-block; margin-top: 35px; margin-bottom: 10px;} .Boxed{ position: relative; /*-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.25); box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.25);margin: 100px 0;*/ margin-bottom: 50px; } .ColorBloc{ width: 98%; height: 114%; background-color: #ACACAC; position: absolute; left: -50%; margin-top: -3%; z-index: -1; max-height: 950px; } .ColorBlocRight{ width: 107%; height: 107%; background-color: #ACACAC; position: absolute; right: -50%; margin-top: -3%; z-index: -1; max-height: 950px; } /* Calendar -------------------------------------------------------------- */ .Calendar{ margin:55px 0 35px 0;} .Calendar h4{ margin-bottom: 15px;} .Line{ width: 100%; display: inline-block; line-height: 1.5em; padding:0.8em 0;} .Line.second{ background-color:#f5f5f5;} .Date{ width: 29%; padding-left:1%; font-weight: bold;} .Event{ width: 70%;} .Date, .Event, .Place{ float: left;} @media screen and (max-width: 690px) { .Date{ width: 99%;} .Event{ width: 99%; padding-left:1%;} } /* News -------------------------------------------------------------- */ .News {position: relative; margin-bottom: 25px; } .SingleNews{ margin-top: 70px; margin-bottom: 0;} .News.Blog, .PostContent.Blog{ margin-top:80px; display: inline-block; width: 100%;} /* Opacity #2 .News.Justify .Thumbnail { background: #1abc9c; } .News.Justify .News .Thumbnail { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .News.Justify .News:hover .Thumbnail { opacity: .75; }*/ .News.Justify{text-align: justify; display: block; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;} .News.Justify .News .Thumbnail:hover .News{ color:pink} .News a, .News h3.Title{ color: #288b35;text-decoration:none} .News h3.Title{ } .News a:hover, .News h3.Title{ text-decoration:none; color:#000;} .NewsHeader{} .NewsHeader .DateNews{ font-style: italic; padding-top:3px;} .News .NewsHeader .DateNews a{ color:#288b35; font-size:0.6em; } .Title{ text-transform: uppercase; font-weight: 700; padding-top: 5px;} .ArticleExcerpt{ padding-top: 7px;} .Thumbnail{ height: 180px; background-size: cover!important; /*background-image: url('images/DefaultNews.png';);*/ } /* Page Navigation */ .wp-pagenavi{ font-size:1.3em; text-align: center;} .wp-pagenavi a, .wp-pagenavi span{ border:0px!important;} .wp-pagenavi .pages{ font-size:.7em;} @media screen and (max-width: 900px) { .News .News:nth-child(5){ display:none;} .blog .News .News:nth-child(5){ display:block;} } @media screen and (max-width: 790px) { .ColFour.News{ width:48%;} } @media screen and (max-width: 750px) { .News.Blog, .PostContent.Blog{ margin-top:15px;} .single .ShortLinks.Mobile{ margin-bottom:0;} } @media screen and (max-width: 600px) { /*.News .News:nth-child(4){ display:none;} .blog .News .News:nth-child(4){ display:block;}*/ } @media screen and (max-width: 460px) { .ColFour.News{ width:100%;} } /* Sidebar -------------------------------------------------------------- */ #HeaderSidebar, #FooterSidebar{ width:100%; display:block; clear:both; background-color:#ccc;} #HeaderSidebar div, #FooterSidebar div{ display:inline-table; margin:0 auto;} #SideBar, #SideBar2{ /*clear:left;*/ } .side{ clear:both; background-color:#fff;} #SideBar.left, #SideBar2.left{ width:30%; float:left; clear:left;} #SideBar.right, #SideBar2.right{ width:30%; float:right; background-color:#aaa; padding:5px; clear:right;} #SideBar.none, #SideBar2.none{} #SideBar2 .side{ margin-top:25px; background-color:#eee;} /* =Widgets -------------------------------------------------------------- */ .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; } .widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; } /* Content -------------------------------------------------------------- */ .GlobalPage{ /*clear:both;*/} .PageContent{ display:inline-block;} .GlobalPage.left { width:60%; float:left;} .GlobalPage.right {width:60%; float:right;} .GlobalPage.full { width:100%;} /* Primary Menu -------------------------------------------------------------- */ /*#access { float: left; width: 75%; font-weight: 700; /*background-color:#ccc;* / z-index: 100; position: relative; margin-top:14px; } #access.Sidebar{ width:100%;} #access .menu-header, div.menu { font-size: 13px; width: 100%; } #access .menu-header ul, div.menu ul { list-style: none outside none; padding: 0; margin: 0;/* display:inline-block;* / text-align: right; width:100%; } #access .menu-header li, div.menu li { display: inline-block;position: relative; } #access .menu-header li.AlignRight, div.menu li.AlignRight{ float:right;} #access .menu ul.AlignCenter{ text-align:center;} #access .menu ul.AlignCenter li{ float:none; display:inline-table;} #access .menu-header li.AlignLeft, div.menu li.AlignLeft{ float:left;} /* Hide home link * / #access ul li.page-item-5, #access ul li.page-item-112, #access ul li.page-item-3 { display:none;}*/ /* Primary Menu -------------------------------------------------------------- */ #access{ display: none;} #access a { color: #2E2E2E; text-decoration: none; display: inline-block; padding: 15px 10px; position: relative; font-size: 1.2em; } #access ul ul { display: none; float: left; left: 0;position: absolute; top: 38px; z-index: 99999; width:200px; } #access ul{ } #access ul li.current_page_ancestor ul{ /*display:block;*/ } #access ul li{display: inline-block; text-align: center; padding: 4px 6px; } #access ul li a{ color: #2E2E2E; text-decoration: none; display: inline-block; padding: 3px; position: relative; font-weight:900; font-size: 0.9em; text-transform: uppercase; } #access ul ul li { float:none; } #access ul ul ul {left: 100%;top: 0;} #access ul ul a {height: auto;line-height: 1em;padding: 10px;} #access li:hover > a, #access ul ul *:hover > a { color: #ed672b; } #access a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2em; background-color: #ed672b; opacity: 0; transition: opacity 300ms, transform 300ms; transform: translate3d(-100%, 0, 0); } #access a:hover::after, #access a:focus::after, #access li.current_page_item a::after{ opacity: 1; transform: translate3d(0, 0.2em, 0); transform: translate3d(-100%, 0, 0); transform: translate3d(0, 0, 0); } #access ul li:hover > ul {display: block;} #access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #ed672b; } * html #access ul li.current_page_item a, * html #access ul li.current_page_ancestor a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #ed672b; } /* Color select Menu ancestor */ /* Justify The menu -------------------------------------------------------------- */ /* http://www.xoogu.com/files/2013/07/justified-menu-of-mu-mu.html */ #access .menu.JustifyMenu {/*display: table; position: relative; table-layout: auto; width: 100%;*/} #access .menu{ margin-top:55px; } #access .menu ul.AlignJustify{ /*text-align:justify; display: table; table-layout: fixed;*/ display: table; table-layout: fixed; position:relative; } #access .menu ul.AlignJustify li{ text-align:center; display: table-cell; position:relative; } #access .menu ul.AlignJustify li ul{ height: auto; position: relative; top: 100%; z-index: 1; /*display: none;*/ } /*#access .menu ul.AlignJustify li:hover ul { display:block;}*/ #access .menu ul.AlignJustify li ul li{ /*display: block;*/ display: block; text-align:center; } #access .menu-header li, div.menu .AlignJustify li {display: table-cell; float:none;} /* End of Justify Menu -------------------------------------------------------------- */ /* Vertical Menu -------------------------------------------------------------- */ #access .menu ul.Vertical{} #access .menu ul.Vertical li{ display:inline-block; width:100%;} #access .menu ul.Vertical li ul.children{ position:relative; display:block; top:0; } #access .menu ul.Vertical li ul.children li a{padding-left:15px;} #access ul.Vertical li:hover > ul, #access .menu ul.Vertical li.current_page_parent ul, #access .menu ul.Vertical li.current_page_ancestor ul{ display:block;} /* */ /* Primary Menu -------------------------------------------------------------- */ #MainMenu{ position:absolute; background-color:#fff; width:130px; z-index:800; right:0px; top:50px; padding:0 15px; visibility:hidden;} #MainMenu.open{ visibility:visible;} ul.Menu{display:inline-block; width:100%; } ul.Menu li{ } ul.Menu li a{ float:right; text-align:right; width:100%; line-height:1em; padding:10px 0; } ul.Menu li a.line{border-bottom:1px solid #000;} a#MenuButtun{} a#MenuButtun img:hover{ cursor:pointer;} .DownMenu{ float:right; position:absolute; margin-top:32px; left:90%;} /* Tiny Menu after logo -------------------------------------------------------------- */ .MobileMenu{ float: right; display:none; } ul.RowMenu{ float:right; padding-top:10px; margin-right:5%;} .MobileMenu .RowMenu li{ list-style-type:none;} .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobile.png);} .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hover.png);} .MobileMenu .RowMenu li a.down, .MobileMenu .RowMenu li a.up{ width:35px; height:32px; display:inline-block;} .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hover.png);} .MobileMenu .RowMenu li a.down:hover, .MobileMenu .RowMenu li a.up:hover{ text-decoration:none; cursor:pointer;} .HideButtun{ display:none;} /*******/ #MobileMenuContainer{ position: relative; font-weight: 700; display:none; top: 0; right: 0; z-index:1000; background-position:bottom; width:90%; padding: 0 5%; /*position: absolute; top: 0; left: 10%;*/ padding-bottom:25px; padding-top:25px; background-color: #fafafa; box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.6) inset; background: #A2A2A2; background: -moz-linear-gradient(top, #A2A2A2 0%, #e8e8e8 5%, #e8e8e8 100%); background: -webkit-linear-gradient(top, #A2A2A2 0%, #e8e8e8 5%, #e8e8e8 100%); background: linear-gradient(to bottom, #A2A2A2 0%, #e8e8e8 5%, #e8e8e8 100%); } .content.nav { position: relative; z-index: 1; } .shadow { position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.3), inset 10px 0px 10px -10px rgba(0, 0, 0, 0.3), inset -10px 0px 10px -10px rgba(0, 0, 0, 0.3); z-index: 0; } #MobileMenuContainer .menu-primary-menu-container{width: 100%; display: inline-block; float: none; margin: 0; } #MobileMenuContainer .menu{ padding-top:15px; display: inline-block; float: none; width: 100%;} .MenuMobileLabel{ text-transform:uppercase; letter-spacing:0.1em;} #MobileMenuContainer ul{ margin:0;} #MobileMenuContainer ul li{ float:none; width:100%; font-size:18px; line-height:1.8em; font-weight: bold; text-align:right; text-transform:uppercase; list-style-type:none; /*border-bottom: 1px solid #777;*/ } /*#MobileMenuContainer ul li:last-child{ border:none; }*/ #MobileMenuContainer ul ul{ margin-top:7px; margin-bottom: 7px; border-top:1px solid #ccc;} #MobileMenuContainer ul ul li{ text-transform:none; padding: 5px; border:none; } #MobileMenuContainer ul li{ padding:12px 0px; background-repeat:no-repeat; background-position:center bottom; border-bottom: 0px solid #C3A572; } #MobileMenuContainer ul li a{ color:#000; font-weight:400; /*display:none; */padding:12px 0px; text-decoration:none; font-weight:bold; } #MobileMenuContainer ul li a:hover, #MobileMenuContainer ul li.current_page_item a{ text-decoration:none; color:#ed672b;} #MobileMenuContainer ul li ul{ } #MobileMenuContainer ul li a, #MobileMenuContainer ul li.page-item, #MobileMenuContainer ul li.page-item ul{ /*display:none;*/} #MobileMenuContainer ul li ul li ul li.current_page_item a{ text-decoration:underline;} #Header #MobileMenuContainer ul li.page_item{ } #Header #MobileMenuContainer ul li.current_page_ancestor{ display:block} #Header #MobileMenuContainer ul li.current_page_ancestor ul li{ display:block} #MobileMenuContainer ul li.current_page_parent ul.children li a, #MobileMenuContainer ul li.current_page_parent, #MobileMenuContainer ul li.current_page_parent ul{ display:block;} #MobileMenuContainer ul li ul li ul{ background-color: #f0f0f0; box-shadow: inset 0px 11px 8px -10px #D7D7D7, inset 0px -11px 8px -10px #D7D7D7; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobilex2.png);background-size:cover;} .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;} .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;} } @media screen and (max-width: 1350px) { /* #access{ display:none;} .MobileMenu{ display:block;z-index: 9999999; position: relative;}*/ } /* Nav icon mobile */ /* Icon 1 */ #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: /*45px*/30px; height: 35px; margin-top: 26px; position: relative; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; z-index: 999999; cursor: pointer; } #nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 3px; width: 100%; background: #ccc; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #Head.Invert #nav-icon3 span{background:#ed672b;} #nav-icon3:hover span {background:#ed672b!important;} /* Icon 3 */ #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 10px; } #nav-icon3 span:nth-child(4) { top: 20px; } #nav-icon3.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; } /* Search Form -------------------------------------------------------------- */ #form input#submit, #form input#s{} #form input#submit{ } #form input#s{ } /* Breadcrump -------------------------------------------------------------- */ #BreadcrumbContainer{ width:100%; display:inline-block; background-color:pink;} #crumbs{} #crumbs span{display: inline-flex; margin-right:10px;} .CrumbDelimiter{} /* Comments -------------------------------------------------------------- */ .post-comments{ margin-top:20px;} .comments-template{ /*border-top:2px solid pink;*/ margin:10px 0px;} .CommentsContainer{} #commentform{} p{} p.CommentAutor{} p.CommentEmail{} /* h3 Title */ #comments{} /* h3 Title */ #respond{} .commentlist{} .commentlist li{} .commentmetadata{} .commentmetadata a{} .nocomments{} /* Form Errors -------------------------------------------------------------- */ input.error, textarea.error{ /* border:1px solid red;*/ background-color:#FFD1D6; border:1px solid #ccc; padding:2px; } label.error{ color:red; display:none;} /* Slider -------------------------------------------------------------- */ #full-width-slider { width: 100%; color: #000; height: 70vh!important; } .coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); color: #FFF; width: 200px; left: 20%; top: 5%; } .infoBlock { position: absolute; top: 30px; right: 30px; left: auto; max-width: 25%; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 20px; } .infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(0,0,0,0.75); left: 30px; right: auto; } .infoBlock h4 { font-size: 20px; line-height: 1.2; margin: 0; padding-bottom: 3px; } .infoBlock p { font-size: 14px; margin: 4px 0 0; } .infoBlock a { color: #FFF; text-decoration: underline; } .photosBy { position: absolute; line-height: 24px; font-size: 12px; background: #FFF; color: #000; padding: 0px 10px; position: absolute; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25; } .photosBy a { color: #000; } .fullWidth { max-width: 1400px; margin: 0 auto 24px; } @media screen and (min-width:960px) and (min-height:660px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 550px !important; } #full-width-slider { height:550px!important;} } @media screen and (min-width:960px) and (min-height:1000px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 550px !important; } #full-width-slider { height:550px!important;} } @media screen and (min-width: 0px) and (max-width: 800px) { .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow { height: 550px !important; } #full-width-slider { height:550px!important;} .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; } .infoBlock h3 { font-size: 14px; line-height: 17px; } }