/* ----------------- MAX 360 ---------------*/
@media (max-width: 360px){
#footer .align-right img {
margin-left: 23px;
}
}

/* ----------------- MAX 768 ---------------*/
@media (max-width: 767px){
#footer .align-right img {
margin-top: 20px;
}

#main .col, #subfooter .col{
margin-bottom: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.navbar {
padding: 1.5rem 1rem 1.4rem !important;
}

#menu .navbar-brand img{
height: 50px;
}

#navbar{
margin: 2rem -1rem;
padding: 20px;
height: 100vh;
}

#navbar li{
border-bottom: #a38246 thin dotted;
}

.navbar-light .navbar-nav .active>.nav-link{
color: #a38246 !important;
}

#navbar a{
text-align: left;
font-weight: 500;
text-transform: uppercase;
font-size: 1.8rem;
padding: 12px 0;
}

#menu .navbar-toggler{
border: none;
}

.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(32,46,72, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-light .navbar-toggler-icon {
width: 2.5em;
height: 2.5em;
}

.home .subtitle::before {
content:none;
}

.home .subtitle span {
padding-left: 0px;
}
.islandbg .bouton{
margin-top:5px;
}
#wrapper .sa_hover_container{
min-height: 445px !important;
margin-left: 15px !important;
margin-right: 15px !important;
}

.carousel-caption {
right: 10% !important;
left: 10% !important;
}
.nf-form-layout{
padding: 0 23px;
}
.nf-form-fields-required{
margin-bottom: 15px;
padding-left: 5px;
}

.nf-field{
margin-top: 15px;
}
.nf-form-content  .nf-field .nf-field-label{
margin-bottom: 4px !important;}
}

/* ------------------------------------ MIN 768 --------------------------------------*/
@media (min-width: 768px){
#wrapper .mb-5{
margin-bottom: 10rem!important;
}

#wrapper .mb-4{
margin-bottom: 8rem!important;
}

#wrapper .mb-3{
margin-bottom: 6rem!important;
}

#wrapper .mb-2{
margin-bottom: 4rem!important;
}

#wrapper .mb-1{
margin-bottom: 2rem!important;
}

#wrapper .mt-5{
margin-top: 10rem!important;
}

#wrapper .mt-4{
margin-top: 8rem!important;
}

#wrapper .mt-3{
margin-top: 6rem!important;
}

#wrapper .mt-2{
margin-top: 4rem!important;
}

#wrapper .mt-1{
margin-top: 2rem!important;
}

body h2{
font-size: 2.6em;
}

#wrapper .navbar-brand img {
height: 80px;
}

.col-sm-offset-right-1 {
margin-right: 8.33333333%;
}

#menu{
padding: 15px 0px;
}

#menu ul#menu-main-menu li {
text-align: center;
margin: 0 4px;
}

#menu ul#menu-main-menu li:last-child a{
background: #a38246;
color: #fff;
}

#menu ul#menu-main-menu li:last-child a:hover{
background: #fff;
color: #fff;
}

.navbar-light .navbar-nav .nav-link{
padding: 8px 8px !important;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.navbar-light .navbar-nav .nav-link:hover{
color: #fff !important;
cursor: pointer;
}

.navbar-light .navbar-nav .nav-link:hover::before{
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

[class^="nav-"] {
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.navbar-light .navbar-nav .nav-link::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #a38246;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.carousel-caption{
top:10% !important;
left: 6% !important;
}

.quote-footer p{
font-size: 2.8rem;
text-align: left;
}

.quote-footer span{
margin-top: 0px;
}

#footer .irlfoot{
text-align: left;
}

.subfooter .cgv{
text-align: right;
}

.bannimg .wp-block-image{
padding-left: 25px;
}

.carousel-item {
height: calc(100vh - 147px);
}
	
#homepage h1{
font-size: 4rem;
}
	
#conti h1{
font-size: 4.8rem;
}

#contenu h1{
font-size: 5.5rem;
}

.services h2{
font-size: 4.8rem;
}

.subtitle span{
padding-left: 50px;
}

.home .subtitle span{
background-color: rgba(255,255,255,.5);
padding: 6px 20px;
}

.subtitle{
font-size: 2.2rem;
}

.services{
padding: 120px 0;
background: url("img/music.jpg") 20% top no-repeat;
}

.services h2{
font-size: 4.6rem;
font-family: 'Libre Baskerville', serif;
}

#content{
margin-top: 82px;
}
#conti .container > div{
padding: 40px 100px 40px 25px;
}

.page-id-23 #conti .container > div{
padding: 40px 80px 40px 25px;
}

#content  .contenu h3, #content  .contenu h2{
font-size: 3.6rem;
}
.foodhome{
background: url("img/lobster.jpg") left bottom no-repeat;
}

.islandbg{
background: url("img/connemara-island.jpg") right top no-repeat;
padding-bottom: 0px;
}

.islandbg .col{
padding: 100px 0;
}

.island{
position: relative;
background:#202e48;
padding: 90px 0;
}

.island:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.07;
background-image: url('img/secret-connemara-pictobl.svg');
background-repeat: no-repeat;
background-position: 5% 0;
background-size:contain;
}

#homepage .people{
margin-top: 150px;
}

.people .peoplecont{
margin-top: 170px !important;
}

.island p{
font-size: 3.6rem;
line-height: 5.5rem;
}
.quote{
padding: 190px 0 130px 0;
margin: 50px 0 125px 0;
background-image: url('img/connemara-tour-holiday2.jpg');
background-repeat: no-repeat;
background-size:cover;
background-position: right bottom;
}

.quote .wp-block-buttons .bouton a.wp-block-button__link{
margin-top: 10px;
}

.islandbg{
padding-bottom: 101px;
}

.enqui{
background: rgba(32, 47, 71, 0.6);
padding: 60px 45px !important;
}

.enqui h3{
font-size: 3.4rem;
font-family: 'Libre Baskerville', serif;
color: white;
font-weight: 600;
margin-bottom: 30px;
}

.subfooter{
border-top:thin solid #D1D1D2;
}

}
/* ------------------ 768 END -------------------*/

/* ------------------------------------- 1024 ------------------------------------------*/

@media (min-width: 1024px){
#homepage .foodhome .col-md-4{
padding-left: 5%;
}

.carousel-caption{
width: 85%;
top:27% !important;
}

#wrapper {
padding: 0 40px 0px 40px;
}
}

/* ------------------------------------- 1280 --------------------------------------*/
@media (min-width: 1280px){

.bannimg .wp-block-image{
padding-left: 5%;
}

.subtitle span{
padding-left: 70px;
letter-spacing: 2px;
}

.page-id-153 .subtitle span{
padding-left: 57px;
}

.nf-form-fields-required{
display: none;
}

#nf-field-38-container{
margin-bottom: 80px;
}

.navbar-light .navbar-nav .nav-link{
padding: 8px 15px !important;
}

#menu ul#menu-main-menu li:last-child{
margin: 0 0 0 12px;
}

#menu ul#menu-main-menu li {
margin: 0 8px;
}
	
.carousel-caption{
width: 65%;
}

}

/* ------------------ 1400 -------------------*/
@media (min-width: 1400px){

.container{
max-width: 1200px !important;
}

.navbar-light .navbar-nav .nav-link{
padding: 8px 20px !important;
}

#navbar{
font-size: 1.6rem;
letter-spacing: 0.1rem;
}

#menu ul#menu-main-menu li {
margin: 0 10px;
}

#menu ul#menu-main-menu li:last-child{
margin: 0 0 0 17px;
}

.quote-footer{
padding: 28px 35px;
}

.quote-footer span a.button{
margin-left: 20px;
}

.bannimg .wp-block-image{
padding-left: 8%;
}
	
.carousel-caption{
width: 75%;
}
	
#homepage h1{
font-size: 5rem;
}
}

/* ------------------ 1600 -------------------*/
@media (min-width: 1600px){

#navbar{
font-size: 1.8rem;
}

#menu ul#menu-main-menu li {
margin: 0 8px;
}

#menu ul#menu-main-menu li:last-child{
margin: 0 0 0 22px;
}

.carousel-caption{
top:18% !important;
left: 10% !important;
width: 70% !important;
}
	
#homepage h1{
font-size: 5.5rem;
}

#homepage .foodhome{
padding-top: 200px;
padding-bottom: 150px;
margin-bottom: 50px;
}

.quote-footer{
padding: 28px 40px;
}

.quote-footer p{
font-size: 3.2rem;
}

.quote-footer span a.button{
margin-left: 30px;
}

.bannimg .wp-block-image{
padding-left: 12%;
}

}

/* ------------------- 1920 ---------------------- */
@media (min-width: 1900px){

#menu ul#menu-main-menu li:last-child{
margin: 0 0 0 28px;
}

.bannimg .wp-block-image{
padding-left: 18%;
}

.carousel-caption{
top:20% !important;
width: 60% !important;
}

.subtitle span{
padding-left: 60px;
}


.headerpage {
min-height: 650px;
}

}

/* ------------------- 2500 ---------------------- */
@media (min-width: 2500px){

.carousel-caption{
top: 27% !important;
width: 42% !important;
left: 18% !important;
}


}