@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"); h1,
h2 {
font-family: 'Farro', Helvetica, Arial, Lucida, sans-serif !important;
}
a:hover {
color: #edb059;
text-decoration: none;
}
#footer-widgets .footer-widget .fwidget:last-child,
#footer-widgets .footer-widget:last-child {
float: none;
text-align: center;
}  #et-secondary-menu ul {
margin-bottom: 0;
} .et_pb_row.et_pb_row_1 {
max-width: 80%;
}
h4.et_pb_module_header {
font-family: 'Farro',Helvetica,Arial,Lucida,sans-serif;
}
.et_pb_module.et_pb_team_member.et_pb_team_member_0.clearfix.et_pb_text_align_left.et_pb_bg_layout_light{
text-align:center;
}
.et_pb_team_member_image.et-waypoint.et_pb_animation_off.et-animated {
margin: 1rem auto;
}
.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough{
margin-top: 10%;
} #youtubeBox .yotu-playlist,
.et_pb_text_inner p {
padding: 0;
}
#facebookBox p {
padding: 0;
}
.et_pb_section.et_pb_section_3.et_pb_with_background.et_section_regular h3,
.et_pb_section.et_pb_section_3.et_pb_with_background.et_section_regular p.cff-bio{
color: white;
}
cff.cff-masonry .cff-item, #cff.cff-masonry .cff-likebox {
width: 100%;
} .post-type-archive-canyon h1.archive-title {
padding: 2rem 0 1rem;
text-align: center;
}
.post-type-archive-canyon article.legende {
background-color: #212529;
text-align: center;
padding: 1rem 0;
}
.post-type-archive-canyon article.legende img {
width: 45%;
}
.post-type-archive-canyon article.legende span {
color: white;
display: block;
width: 90%;
margin: 0 auto;
}
.post-type-archive-canyon h2.custom-taxonomy-title,
.post-type-archive-canyon section {
text-align: center;
padding: 1.5rem 0;
}
.post-type-archive-canyon article.card {
display: inline-block;
vertical-align: top;
} body.post-type-archive-canyon {
background-color: #D2DBDD;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
justify-content: center;
align-items: center;
}
.cards {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
max-width: 820px;
} .card__like {
width: 10rem;
position: absolute;
}
.card__clock {
width: 15px;
vertical-align: inherit;
fill: white;
}
.card__time {
font-size: 1rem;
color: white;
vertical-align: middle;
margin-left: 5px;
}
.card__clock-info {
float: right;
}
.card__img { background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%; border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.card__info-hover {
position: absolute;
padding: 10px 10px 20px;
width: 100%;
opacity: 0;
top: 0;
background-color: #2e2e2e;
}
.card__img--hover {
transition: 0.2s all ease-out;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
position: absolute;
height: 235px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
top: 0;
}
.card {
margin-right: 25px;
transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
background-color: #fff;
width: 80%;
margin-bottom: 1.5rem;
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);
}
.card:hover {
box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
transform: scale(1.05, 1.05);
}
.card__info {
z-index: 2;
background-color: #fff;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; }
.card__category {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
color: #868686;
}
.card__title {
margin-top: 5px; padding-bottom: 0;
font-family: 'Roboto Slab', serif;
}
.card__by {
font-size: 1rem;
font-family: 'Raleway', sans-serif;
font-weight: 500;
}
.card__author {
font-weight: 600;
text-decoration: none;
color: #AD7D52;
}
.card:hover .card__img--hover {
height: 100%;
opacity: 0.3;
}
.card:hover .card__info {
background-color: transparent;
position: relative;
}
.card:hover .card__info-hover {
opacity: 1;
} .post-type-archive-canyon .card__title p {
overflow: hidden;
max-width: 80%;
margin: 0 auto;
font-size: 0.8rem;
} .main.single h1 {
font-family: 'Farro', Helvetica, Arial, Lucida, sans-serif;
margin-top: 1rem;
text-align: center;
color: white;
font-size: 2em;
}
.main.single p.post-info {
max-width: 80%;
margin: 0 auto;
color: white;
text-align: center;
}
.main.single p.post-info span {
display: block;
padding: 0.3rem;
}
.main.single p.post-info span.difficulte img {
max-width: 50%;
margin-top: 1rem;
}
.main.single .post-content .intro-canyon {
max-width: 80%;
margin: 1rem auto;
color: white;
font-size: 1rem;
}
.main.single .post-content article.gauges-canyon-container {
max-width: 95%;
margin: 0 auto;
text-align: center;
} .embed-container {
position: relative;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .single-canyon-container {
text-align: center;
vertical-align: middle;
padding: 1rem;
margin: 0.5rem 0 0;
}
.single-canyon-container .title {
text-align: center;
padding: 0 0 30px;
margin: 0;
}
.single-canyon-container:first-of-type {
background-color: #fe7a47;
}
.single-canyon-container:first-of-type .rail {
stroke: #f5ca99;
}
.single-canyon-container:first-of-type .progress {
stroke: #d8412f;
}
.single-canyon-container:first-of-type .percentage,
.single-canyon-container:first-of-type>span.gauge-title {
color: #f5ca99;
}
.single-canyon-container:nth-of-type(2) {
background-color: #ed5752;
}
.single-canyon-container:nth-of-type(2) .rail {
stroke: #ffccac;
}
.single-canyon-container:nth-of-type(2) .progress {
stroke: #cb0000;
}
.single-canyon-container:nth-of-type(2) .percentage,
.single-canyon-container:nth-of-type(2)>span.gauge-title {
color: #cb0000;
}
.single-canyon-container:nth-of-type(3) {
background-color: #f1f3ce;
}
.single-canyon-container:nth-of-type(3) .rail {
stroke: #ffec5c;
}
.single-canyon-container:nth-of-type(3) .progress {
stroke: #efb509;
}
.single-canyon-container:nth-of-type(3) .percentage,
.single-canyon-container:nth-of-type(3)>span.gauge-title {
color: #efb509;
}
.single-canyon-container:nth-of-type(4) {
background-color: #98dbc6;
}
.single-canyon-container:nth-of-type(4) .rail {
stroke: #d0e1f9;
}
.single-canyon-container:nth-of-type(4) .progress {
stroke: #31a2ac;
}
.single-canyon-container:nth-of-type(4) .percentage,
.single-canyon-container:nth-of-type(4)>span.gauge-title {
color: #31a2ac;
}
.single-canyon-container:nth-of-type(5) {
background-color: #d0e1f9;
}
.single-canyon-container:nth-of-type(5) .rail {
stroke: #E4FBFF;
}
.single-canyon-container:nth-of-type(5) .progress {
stroke: #3E517A;
}
.single-canyon-container:nth-of-type(5) .percentage,
.single-canyon-container:nth-of-type(5)>span.gauge-title {
color: #3E517A;
}
.gauge-container {
display: inline-block;
position: relative;
width: 70%;
}
.gauge-container .gauge {
position: relative;
display: block;
}
.gauge-container .gauge circle {
stroke-width: 15;
}
.gauge-container .gauge .rail {
fill: transparent;
}
.gauge-container .gauge .progress {
fill: transparent;
stroke-linecap: round;
}
.gauge-container .center {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 300;
}
.gauge-container .center.percentage {
font-size: 2rem;
}
.gauge-container+span.gauge-title {
display: block;
font-size: 2rem;
}
article.post-info {
padding: 0.5rem 0 0;
}
.main.single article.post-info p.post-info {
margin-bottom: 1rem;
font-size: 0.9rem;
font-style: italic;
}
.main.single article.post-info p.acces-info {
font-size: 1rem;
}
p.google-img-container {
color: white;
margin: 3rem auto;
font-size: 0.8em;
}  #footer-widgets .footer-widget:nth-child(n), 
#footer-widgets .footer-widget .fwidget{
margin-bottom: 0 !important;
}
#block-2 > .wp-block-columns {
margin-bottom: 0 !important;
}
div#block-3 p {
font-size: 1rem;
}  @media (min-width: 768px) {
.card {
width: 40%;
}
.single-canyon-container {
position: relative;
width: 46%;
display: inline-block;
}
p.google-img-container {
max-width: 80%;
}
.post-type-archive-canyon article.legende img {
width: 30%;
}
.post-type-archive-canyon article.legende span {
display: inline-block;
width: 63%;
text-align: left;
padding-left: 1rem;
}
.main.single p.post-info span {
display: inline-block;
}
.main.single p.post-info span::after {
width: 5rem;
height: 5rem;
color: #AD7D52;
content: "/";
}
.main.single p.post-info span.difficulte {
display: block !important;
}
.main.single p.post-info span.difficulte::after {
content: "";
}
#footer-widgets .footer-widget:nth-child(n), 
#footer-widgets .footer-widget .fwidget{
margin-bottom: 0 !important;
}
#footer-widgets .footer-widget .fwidget:last-child,
#footer-widgets .footer-widget:last-child {
float: left;
}
#footer-widgets .footer-widget:last-of-type {
float: none;
text-align: center;
width: 20rem !important;
height: 80% !important;
margin: 0 auto !important;
}
.footer-widget:nth-child(n) {
width: 32% !important;
margin: 0 auto !important;
display: inline-block;
text-align: center;
}
#footer-widgets .footer-widget:last-of-type {
text-align: center;
width: 35rem !important;
display: block;
margin-top: 20rem !important;
}
} @media (min-width: 992px) {
.main.single .post-content article.gauges-canyon-container {
max-width: 85%;
}
.main.single article.post-info p.post-info {
margin: 1rem auto;
font-size: 1rem;
font-style: italic;
}
article.post-info {
padding: 0.5rem 0 0;
width: 33%;
display: inline-block;
text-align: justify;
vertical-align: top;
}
#footer-widgets .footer-widget:last-of-type {
float: none;
width: 100% !important;
margin-top: 18rem !important;
text-align: center;
}
#footer-widgets .footer-widget:last-of-type > div#block-2{
float: none;
}
} @media (min-width: 1200px) {
.card {
width: 30%;
}
.main.single .post-content .intro-canyon {
max-width: 60%;
font-size: 1.3rem;
}
.main.single .post-content article.gauges-canyon-container {
max-width: 70%;
}
.gauge-container .center.percentage {
font-size: 1.8rem;
}
.single-canyon-container {
width: 30%;
margin: .5rem;
}
.post-type-archive-canyon article.legende {
padding: 1rem 10rem;
}
.post-type-archive-canyon article.legende img {
width: 20%;
height: 3.5rem;
object-fit: cover;
}
.hd-container {
max-width: 75%;
margin: 0 auto;
}
p.google-img-container {
width: 50%;
}
article.hd-container.hd-container-slider {
width: 70%;
max-height: 55rem;
position: relative;
overflow: hidden;
}
article.hd-container.hd-container-slider .carousel-item img {
object-fit: cover;
}
}