/*
Theme Name: IWHQ Vanilla
Theme URI: http://www.irishwebsitehq.com
Description: IWHQ Vanilla
Version: 1
Author: Mark O'Leary
Author URI: http://www.irishwebsitehq.com
*/



/* ================ GENERAL RULES ======================= */
html{

}
body {
font-size:14px;
font-family:'Open Sans';
    background: #F8BA29 url("images/body-bg.jpg") repeat-x top center;
	background-attachment:fixed;
}

.page h1, .page h2, .page h3, .page h4 /*, .features .col p:first-child, .social .testimonials > p:first-child, .social .events > p:first-child, .social .fb p:first-child */{
	font-family: 'Permanent Marker', cursive;
	font-family: 'Rock Salt', cursive;
	font-family: 'Walter Turncoat', cursive;
	font-family: 'Frijole', cursive;
}

.page h1{
	color:#E2463E;
}
.page h2{
	font-size:25px;
	color:#479AC4;
}

.page h3{
	font-size:21px;
}

/* ================ RESPONSIVE IMAGES ======================= */
img ,.mapp-layout {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* ================ LINKS ======================= */


/* ================ HEADER ======================= */
.menu_1 li{

    position: relative;
    list-style: none;
    float: left;
    display: block;
    overflow: visible;

}
.menu_1 li a{
    color: #fff;
    font-size: 15px;
    padding: 12px 16px 16px;


}
.not-home #content .row{
    padding-left:15px;
    padding-right:15px;
}
#top{
    background: url("images/nav-bg.png") no-repeat center center;
    background-size: 100% 100%;
}
#logos .container .row{
    padding:30px 0 30px 60px;
	background: url(images/logo-bg.png) no-repeat left center;
     margin-left: -40px;
}
#logos .col-md-4{
    margin-left: -30px!important;

}
#logos .col-md-3 {
    margin-left: 30px!important;
}

.left{
    text-align: left;
}
.center{
    text-align:center;
}
.right{
    text-align: right;
}
.nav{
    background: url("images/nav-bg.png") no-repeat center center;
    background-size: 100% 100%;
    padding-top:8px!important;
    padding-bottom:8px!important;
}
#top img {
    float: left;
    margin-right: 20px;
}
#top .right {
    text-align: right;
    padding-right: 32px;
    text-align: left;
    margin-top:5px;
    margin-bottom:5px;
    font-size: 15px;
}

#top .right strong{
    font-size: 18px;
}
#top .contact{
    margin-top: 6px;
}

#top{
color:#fff;
}
.menu-button .touch-button{
    display:none;
}
ul.flexnav {
    position: absolute;
    z-index: 3;
    width: 100%;
    background-color: #E24F47;
    right: 0px;
}
main li a:hover{
border-bottom:1px dotted white;
}

/************** BODY ********************/
.slider,.main{
    background-color: #FFF;
}

section.slider > div{padding:0;}

.main, #content .fill{
	padding-bottom:5px;
}
.slideshow_content img{

    min-width: 100%!important;
    min-height: 100%!important;
}
.slideshow_container img {
    padding: 20px 15px 0px 15px!important;
}
.slideshow_container_style-light .slideshow_previous {
    background: transparent url("images/slideshow-left.png") no-repeat 0% 0%!important;
    width: 100%!important;
    margin-top: -80px!important;
    height: 50% !important;
    left: 15px!important;
    width: 10% !important;
}
.slideshow_container_style-light .slideshow_next {
    background: transparent url("images/slideshow-right.png") no-repeat 0% 0%!important;
    width: 6%!important;
    margin-top: -80px!important;
    height: 50% !important;
    right: 15px !important;
}

.slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box {
	max-width:750px !important;
	margin:0 15px !important;
}
.features{
    padding-top:15px;
    padding-bottom:15px;
}
.bg1{
    margin:0px 0px 10px 0px;
}
.overlay{
    /*background: url("images/logo-bg.png") no-repeat center center;*/
    /*background-size: 100% 100%;*/
    position:relative;
}
.overlay #logo-bg {
    position: absolute;
    z-index: -1;
    height: 354px;
    top: -85px;
    left: -40px;
    width: 100%;
}
#logos .col-md-4{
    margin-top: 3%;
}
.feature_2{
    background: url("images/nav-bg.png") no-repeat center center;
    background-size: 100% 100%;
}
.testimonials, .events, .fb {
    background-color: #FFF;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 4px 15px 3px;
    background: #fff url(images/feature-gradient.jpg) repeat-x center bottom;
width: 100%;
position: relative;
border: 2px solid #fff;
}

.main .events{
	margin-top:0;
}
.testimonial p.feedback{
    position:relative;
}
.bg{
    background: #0B2557 url("images/body-bg.jpg") repeat-x top center;
}
.flex{
display:flex;
}
.features .col-1 p:first-child,.features .col-1 p:nth-of-type(3),.features .col-2 p:first-child,.features .col-2 p:nth-of-type(3),.features .col-3 p:first-child,.features .col-3 p:nth-of-type(3),.features .col-4 p:first-child,.features .col-4 p:nth-of-type(3){
    margin-bottom: 0px;
    padding: 5px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight:bold;
	text-shadow: 1px 1px 2px #333;
}
.features .col-1 p:nth-of-type(2),.features .col-2 p:nth-of-type(2),.col-3 p:nth-of-type(2),.col-4 p:nth-of-type(2){
    margin-bottom: 0;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    min-height: 90px;
	color:#fff;
	text-shadow: 1px 1px 2px #333;
}
.features .col-1 > div{
    background: #77C5CF url(images/feature-1-bg.jpg) repeat top left;
}
.features .col-2  > div{
    background: #FBB82C url(images/feature-2-bg.jpg) repeat top left;
}
.features .col-3 > div{
    background: #F05030 url(images/feature-3-bg.jpg) repeat top left;
}
.features .col-4 > div{
    background: #C8D432 url(images/feature-4-bg.jpg) repeat top left;
}
.features a{
color:#fff;
position:relative;
}
.features a.link{
bottom:6px;
}

.features div{
	text-align:center;	
}

.fa-chevron-down{
color:#fff;
    margin-left:15px;
    font-size: 16px;
}
.menu2{
color:#fff;
}
.social .testimonials >p,.social .events >p,.social .fb p:first-child{
font-size:24px;
    color:#196c9b;
    text-align: left;

    /*padding-top: 10px;
    padding-bottom: 10px;*/
    text-transform: uppercase;
    font-weight:bold;
}

.post,.testimonial{
/*position:relative*/
}

.events .post .upcoming_event,.testimonial .feedback{
position:relative;
top:0;
    text-align: center;
    margin-bottom: 20px;

}
.testimonials .testimonial p,.testimonials .testimonial author, .upcoming_event article{
font-size:16px;
    color:#507085;
    text-align: left;
}
.testimonials .testimonial author{
font-weight:bold;
}
/*.testimonials .testimonial p:last-of-type, .testimonials .testimonial author, .upcoming_event p:last-of-type, .upcoming_event p:last-of-type {
    margin-bottom: 60px;
}*/
.upcoming_event h3{
	margin:4px 0 8px 0;
}
.upcoming_event h3 a{
	font-size:19px;
    color:#d6391f;
    font-weight: bold;
    text-transform: uppercase;
}
a.feature-btn-orange{
    position: absolute;
    font-size:16px;
    text-decoration: none;
color:#fff;
    bottom: 15px;
    /*left:30px;*/
    padding: 10px 15px 10px 15px;
    background: url(images/button-yellow-bg.png) no-repeat bottom center;
    background-size: 100% 100%;
    font-weight:bold;

}
a.feature-btn-orange img#arrow-white{
    margin-left: 10px;
}
.col-1 img#arrow-white,.col-2 img#arrow-white, .col-3 img#arrow-white, .col-4 img#arrow-white{
margin-left:10px;
position:relative;
bottom:6px;
}
.fb_box{
position:relative;
}
.fb_like{
width:50%;
    margin-top: 15px;
    float: left;
}
.twitter {
    margin-top: 7px;
}
.fill{
background-color:#fff;
}
.twitter img{
    margin-left: 15px;
    height: 25px;
    width: auto;
    margin-top: 6px;
}
.fb_like_box{
position:relative;
top:0;
    width: 100%;
    text-align: center;

}

.gallery-row:nth-child(n+3) {
    display: none;
}

.jp-carousel-close-hint span {
    font: 400 32px/1 "Helvetica Neue", sans-serif !important;
}

.widget .visual-form-builder fieldset {
	border:none;
	background-color:transparent;
	margin:0;
}

.widget .visual-form-builder fieldset.verification{
	margin-top:-30px;
}

.widget form.visual-form-builder{
	background-color:#f2f2f2;
	color:#666;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-bottom: 12px;
}

fieldset.verification .vfb-legend h3{
	color:#714c75 !important;
}

#sidebar .vfb-submit{
	background:url(images/form-header-bg.jpg) repeat-x top right;
	color:#fff;
	padding:8px 16px !important;
	border:none; 
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.booking-enquiry .vfb-legend{
	background:url(images/form-header-bg.jpg) repeat-x top right;
	margin:0 !important;
	padding:6px 20px !important;
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.booking-enquiry .vfb-legend h3{
	color:#fff;
}


#sidebar #mc_embed_signup{
	background-color:#f2f2f2;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:30px;
padding-bottom: 12px;
}

#mc_embed_signup form {
	padding:0 !important;
}

#mc_embed_signup_scroll > div{
	padding:6px 12px !important;
}

#mc_embed_signup_scroll h2{
	background:url(images/nav-bg.png) repeat-x top right;
	margin:0 !important;
	color:#fff !important;
	font-size:20px !important;
	font-weight:500 !important;
	padding: 6px 20px !important;
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
line-height: 2.0em;
}

#sidebar #mc_embed_signup .button {
    background:url(images/nav-bg.png) repeat-x top right;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 4px 16px;
}

.tiled-gallery {
	margin-bottom:30px !important;
}
/* ================ Nav ======================= */

.flexnav li a {
    color: #FFF;
    font-size: 15px;
    padding: 12px 16px 16px;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
}


     /* .col1{
          padding-left: 30px;
}
.col2{
    padding-left: 15px;

}
.col3{
padding-left:0px;

}*/
      /**************** FOOTER **********************/
.footer{
background-color:#f8f8f8;
    margin-bottom: 30px;
}

footer .copy p{
font-size:15px;
    color:#6296bd;
}
footer .links p{
    font-size:15px;
    color:#6896b8;
    text-align:center;
}
.copy{
    margin-top: 30px;
}


@media screen and (max-width: 1280px) {
    .flex{
        display:flex;
    }
}

@media screen and (min-width: 1024px) {
	.slider .events{
		min-height: 410px !important;
	}
}
    /* ================ MEDIA QUERY - SIZE = 1024 ======================= */
@media screen and (min-width: 1024px) and (max-width: 1024px) {
    .fb_like {
        width: 65%;
}
    .twitter {
        margin-top: 8px;
    }
    .slideshow_container_style-light .slideshow_next {
        width: 5% !important;
    }
	
	.features .col p:first-child{
		font-size:20px;
	}
	
	.testimonials, .events, .fb {
    padding: 4px 15px 33px;
	}
}



/* ================ MEDIA QUERY - MAX 980 ======================= */
@media screen and (max-width: 980px){
    
.menu_1 li a {
    padding: 12px 10px 16px;
}

    #logos .right, #logos .left {
        text-align:center;
    }
    #feature-white-bg{
    display:none;
}
    #top .right{
        font-size:100%;
    }
    #top img {
        /* padding-bottom: 28px; */
    }

    .slideshow_container_style-light .slideshow_next {
        width: 6%!important;
    }
	
	.features .col p:first-child{
		font-size:24px;
	}

    .testimonial p.feedback{
        position:relative;
    }
    .testimonial > img,.events .post >img,.fb .fb_box >img{
        position:absolute;
        height:100%
    }
    .events .post .upcoming_event{
        position:relative;
    }
    a.feature-btn-orange{
        /*position:relative;*/
        display: inline-block;
        bottom:15px;
        margin-top: 5px;
    }
    .flex {
        display: flex;
    }
    .fb,.fb .fb_box,.fb .fb_box iframe{
        width: 100%!important;
    }

    .fb .fb_box iframe{
    padding:5px;
    }
    .fb,.fb .fb_box,.fb .fb_box .fb_like_box{
        position:relative;
    }

    /* p, a{
        font-size:100%!important;
    } */
    .col-1,.col-2,.col-3,.col-4{
         width:50%!important;
     }
    .col-1,.col-2{
        margin-bottom:15px;
    }
    .col-1> img,.col-2> img,.col-3 >img,.col-4 >img{
        width:100%;
    }
    .menu-button .touch-button{
        display:none;
    }
	
	.center img{
		margin-top: 30px;
		margin-left: 30px;
	}
	
	.menu-button {
    border-bottom: none;
}

.news-events{
	margin-top:20px;
}

.news-events .events {
	padding-bottom:0;
}

.features img{
	border:4px solid #fff;
}

.features a, .features img#arrow-white{
	bottom:16px;
	border:none;
}

.testimonials, .events, .fb {
    padding: 4px 15px 50px;
}



}



/* ================ MEDIA QUERY - MAX 800 ======================= */
@media screen and (max-width: 800px) {
}


/* ================ MEDIA QUERY - MAX 768 ======================= */
@media screen and (min-width: 768px) and (max-width: 800px) {
}



/* ================ MEDIA QUERY - MAX 640 ======================= */
@media screen and (max-width: 640px) {

    #top .col-sm-5{
        margin-top: 30px;
        border-top: 1px solid white;
        padding-top: 5px;
    
    }
	
	#top .right {
    clear: both;
    padding-top: 10px;
	}
	
	.fb-twit {
    width: 150px;
    position: absolute;
    top: 10px;
    right: 0;
	}
	
	.fb-twit .fb_like{
		width:80px;
	}
	
	.fb-twit .twitter img {
    margin-top: -6px;
	}
	
    .col-1,.col-2,.col-3,.col-4{
        width:100%!important;
    }
    .menu-button .touch-button .navicon {
        top: 0em;
    }
.features img#feature_image{
    width:100%;
}
    .flex {
        display: block;
    }
    .features .col-1, .features .col-2, .features .col-3{
        margin-bottom:15px;
    }
    .testimonial img#feature-white-bg,.events img#feature-white-bg,.fb img#feature-white-bg
    {
        width:100%;
    }
    .fb_like {
        margin-top: 0px;
    }
    .twitter{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #feature-white-bg{
        display:block;
    }
    .slideshow_container_style-light .slideshow_next {
        width: 8% !important;
    }
    .fb_like {
        width: 15%;

    }
}


/* ================ MEDIA QUERY - MAX 600 ======================= */
@media screen and (max-width: 600px) {

}


/* ================ MEDIA QUERY - MAX 480 ======================= */
@media screen and (max-width: 480px) {
    .fb_like {
        width: 20%;
    }
    .menu_1 li a {
        padding: 12px 10px 16px 10px;
    }
}


/* ================ MEDIA QUERY - MAX 360 ======================= */
@media screen and (max-width: 360px) {
    .slideshow_container_style-light .slideshow_next {
        width: 14% !important;
    }

    .slideshow_container_style-light .slideshow_previous {
        width: 15% !important;
    }
    
	
	.center img, #logos .right, #logos .container .row {
		margin-left: 0 !important;
		padding-left:0;
	}
}



/* ================ MEDIA QUERY - MAX 320 ======================= */
@media screen and (max-width: 320px) {
    .fb-twit{
		display:none;
	}
}