/*
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 ======================= */
body {
    font-family: 'Lato', sans-serif;
    color:#454545;
}

/* Headings
================================================== */
h1, h2, h3{
    font-weight:700;
    font-family: 'Inter', sans-serif;
}
h1 { font-size: 52px; } .not-home h1{font-size:42px;}
h2 { font-size: 42px; } .not-home h2{font-size:32px;}
h3 { font-size: 24px; font-family: 'Lato', sans-serif; font-weight:400; }
h4 { font-size: 21px; }

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

/* ================ LINKS ======================= */
a{
	outline: 0;
}

/* ================ HEADER ======================= */
#top{
    background-color:#195193;
    height:44px;
    color:#fff;
    font-weight:600;

}

#top .social{
   float:right;
    padding-top:8px;
}

#top .contact{
    padding-top:10px;
}

#top .contact img{
    margin: 0 6px 0 12px;
    vertical-align: middle;
    height: 20px;
    position: relative;
    top:-2px;
}

#top a{
    color:#fff;
    text-decoration: none;
}

#top .linkedin{
    height:30px;
    width:auto;
}

header{
    padding:15px 0;
}

header #logo {
    height: 100px;
}

#banner {
    background:url(images/ipg-hero-bg.jpg) no-repeat top center;
    background-size: cover;
    padding:30px 0;
    color:#fff;
}

#banner a, #banner a:hover{
    color:#fff;
    text-decoration: none;
}


#hero{
    padding:90px 0;
    background:url(images/ipg-hero-bg.jpg) no-repeat center center;
    background-size:cover;
    color:#fff;
}

#hero img{
    border-radius:250px;
    border:7px solid #4c94b0;
}

#hero h1 {
    font-weight: 700;
    font-size: 52px;
}

#hero h3 {
    font-size: 32px;
    font-weight: 400;
}

#hero h4 {
    font-size: 21px;
    font-weight: 400;
}

#hero .intro-text p {
    max-width: 560px;
}

#about{
    padding:60px 0;
    background:url(images/about-bg.jpg) no-repeat center center;
    background-size:cover;
}

#about h3{
    font-weight:400;
}

.about-text{
    margin-top:75px;
}

.intro-image, .about-image{
    text-align: center;
}

.about-text, .about-image{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#mailing-list{
    padding:60px 0;
    background:url(images/mailing-list-bg.jpg) no-repeat center center;
    background-size:cover;
    text-align:center;
    color:#fff;
}

.home #gallery{
    margin-top:20px;
    position: relative;
}

.owl-nav {
    position: absolute;
    top: 25%;
    width: 100%;
}

.owl-nav .owl-next{
    float:right;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    color: #fff;
    font-size: 72px;
}

.home #gallery .button {
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 203px;
    z-index: 2;
    border: 10px solid #fff;
}

.home #gallery .owl-carousel .owl-item img {
    height: 307px;
    margin-bottom: 20px;
    object-fit: cover;
}


.conference_gallery, #press_release {
    padding: 50px 0;
}

#news, #prev-confs {
    padding: 60px 0;
    background-color: #F5F7FC;
}

#news figure, #prev-confs figure {
    margin: 10px;
    background-color: #fff;
    border: 2px solid #e6e8ee;
    border-radius: 6px;
}

#news figure img, #prev-confs figure img{
    height:250px;
    width:100%;
    object-fit: cover;
    margin: 0 0 30px;
}

#news figcaption, #prev-confs figcaption {
    padding:30px;
}


.gallery .pic img{
    height:200px;
    width:100%;
    object-fit:cover;
    margin-bottom:20px;
}

/* Logo
================================================== */


/* Navigation
================================================== */
nav {
    float: right;
    margin-right: 0;
    padding-top: 35px;
    position: relative;
    font-family: 'Inter', sans-serif;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav > ul > li {
    position: relative;
    float: left;
}

nav > ul > li > a {
    padding: 10px 15px;
    text-decoration: none;
}

nav > ul > li > a:hover, nav li a:active {
    background-color: transparent;
    text-decoration: none;
}

nav ul li {
    display: inline-block;
    padding: 0 16px;
}

nav ul > li a {
    display: block;
    padding: 5px 0;
    color:#000;
    font-weight:500;
}

nav ul li.current_page_item a{
    border-bottom:3px solid #45BBA6;
}

.menu-item-has-children {
    padding-right: 24px;
    background: url(images/arrow-down.png) no-repeat right 12px center;
}

nav ul.sub-menu {
    position: absolute;
    padding: 2px 0;
    left: 0;
    width: 220px;
    background: #45bba6;
    display: none;
    z-index: 300;
}

nav ul.sub-menu > li {
    text-align: left;
    vertical-align: top;
    display: block;
    border-bottom: 1px solid #fff;
}

nav ul.sub-menu > li a {
    padding: 8px 9px 8px;
    color: #fff;
    text-decoration: none;
}

nav ul.sub-menu > li:last-child {
    border: none;
}

nav ul > li:hover ul.sub-menu {
    display: inline-block;
}

nav ul > li a:hover {
    background-color: transparent;
}

/* ================ CONTENT ======================= */

#content{
    padding: 40px 0;
    background-color: #F5F7FC;
}
main{
    padding:40px 0 50px;
    background-color:#f5f5f5;
}

main .intro{
    text-align:center;
    padding-bottom:30px;
}

.intro h2 {
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
    font-size: 26px;
}

main .feature{
    background-color:#fff;
}

main .feature.threes{
    text-align:center;
    padding:20px 0;
}

.feature h3{
    border-bottom: 2px solid #eee;
    display: inline-block;
    padding-bottom: 8px;
    font-size: 20px;
}

main .feature.twos{
    padding:20px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

main .feature.twos img{
    float:left;
    margin-right:30px;
}


.bios .wp-block-media-text.is-stacked-on-mobile {
    background-color: #fff;
    margin-bottom: 20px;
    border: 2px solid #edeff4;
}

/* ================ CONFERENCES ======================= */
#conference-hero {
    color: #fff;
    background: url(images/conference-page-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 90px 0;
}

#conference-hero h1 {
    margin: 30px 0;
}

#conference-hero .welcome{
    position: relative;
}

#conference-hero img{
    background-color:#fff;
    padding:16px;
    border-radius: 3px;
    height:123px;
    width:auto;
}

#conference-hero nav {
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 5px;
    background-color: rgb(25, 81, 147);
}

#conference-hero nav a{
    color:#fff;
}

#agenda, #venue, #sponsors, #speakers, #contact{
    padding:60px 0;
    background: url(images/about-bg.jpg) no-repeat center center;
    background-size: cover;
}

#agenda .time {
    text-align: right;
    padding-right: 30px;
    padding-top: 20px;
    font-weight: 700;
    font-size: 21px;
}

#agenda .time span {
    display: inline-block;
    padding: 6px;
    background-color: #409390;
    color: #fff;
}

#agenda .details {
    padding: 15px 0;
    font-size: 24px;
    border-bottom: 1px solid #ddd;
}

#venue .venue-img{
    padding:0;
}

#venue .venue-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

#venue .venue-details {
    background: url(images/ipg-hero-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.venue-details div{
    padding:90px 60px 60px;
}

#sponsors img {
    margin: 12px 24px;
}

#speakers{
background:#f5f7fc;
}

.speaker .pic{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#speakers figure{
    text-align:center;
}

.speaker-bio{
    background-color:#fff;
    padding:30px;
    border:2px solid #e9ecf2;
}

.speaker {
    margin-bottom: 30px;
}

#speakers figure img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
    border: 6px solid #e9ecf2;
}

.email-block {
    margin-top: 12px;
    padding: 30px;
    background-color: #fff;
    border-left: 2px solid #3596a3;
}
/* ================ BLOG ======================= */
.posts article{
    padding:20px;
    background-color:#f9f9f9;
    margin-bottom:20px;
    border:1px solid #ededed;
}

.posts article h2{
    margin-top:5px;
}





#map iframe {
    width: 100%;
}

/* Footer
================================================== */
footer{
    background-color:#fff;
    padding:60px 0;
    color:#333;
}

footer .logo{
    max-height:80px;
    width:auto;
}

footer .contact img {
    margin: 3px 6px 0 0;
    vertical-align: middle;
    width:auto;
}

footer .contact img.phone{
    height:14px;
}

footer .contact img.email{
    height:12px;
}

footer .social{
    padding-top: 20px;
}

footer #mc_embed_signup{clear:left; font-size:14px; }

footer h3{
    padding-bottom:8px;
    font-size: 18px;
    font-weight:600;
    color:#000;
    text-transform: uppercase;
    font-family: 'inter', sans-serif;
}

footer ul{
    margin:0;
    padding:0;
}

footer li{
    padding: 7px 2px;
    list-style: none;
}

footer a{
    color:#454545;
    text-decoration: none;
}

footer a:hover{
    color:#195193;
    text-decoration: none;
}

#credits{
    background-color:#fff;
    color:#666;
    padding:30px 0;
    font-size:13px;
    text-align: center;
    border-top:1px solid #eee;
}


/* Buttons
================================================== */
.button, a:hover.button, #maillist #mc-embedded-subscribe .button, .forminator-ui#forminator-module-362.forminator-design--default .forminator-button-submit{
    padding:9px 24px;
    text-decoration:none;
    display: inline-block;
    margin-top: 8px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    font-weight:500;
    font-size:17px;
    background-color:#C5519F;
    color:#fff;
    font-family: 'Inter', sans-serif;
}

.forminator-ui#forminator-module-362.forminator-design--default .forminator-button-submit {
    background-color: #C5519F !important;
    font-size: 17px !important;
    position: relative;
    top: -40px;
}

.button a{
    color:#fff !important;
    text-decoration: none !important;
}


#hero .button {
    border:2px solid #C5519F;
}

#hero .button + .button{
    background:transparent;
    border:2px solid #fff;
}

.flexslider .button{
     background-color:#eee;
 }

.feature .button{
    background-color:#eee;
}

#maillist #mc-embedded-subscribe .button{
    background-color:#eee;
    color:#666;
}
/* Flexslider
================================================== */
.flexslider{
    border:none;
    margin:0;
}

.flexslider .container{
    position: relative;
}

.flexslider aside{
    display:inline-block;
    position: absolute;
    bottom:40px;
    right:0;
    background: rgba(0,0,0, 0.5);
    color:#fff;
    padding:10px 20px;
    border-top: 1px solid #f3f3f3;
    border-bottom:1px solid #f3f3f3;
}

.flex-direction-nav a {
    height:50px;
}

.flex-control-nav {
    bottom: 10px;
    z-index: 10;
}

.flexslider .flex-next {opacity: 0.2; right: 5px;} .flexslider .flex-prev {opacity: 0.2; left: 5px;}


#sidebar article {
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #fff;
    margin: 0 0 15px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


#mc_embed_signup_scroll {
    max-width: 320px;
    margin: 20px auto 0;
}

#mce-EMAIL {
    border-radius: 50px 0px 0px 50px;
    padding: 9px 18px;
    border: none;
    width: 210px;
    float: left;
}

#mc-embedded-subscribe {
    float: left;
    width: 100px;
    margin-top: 0;
    border-radius: 0px 50px 50px 0px;
    border: 0;
    padding: 9px 19px 9px 16px;
    font-size: 16px;
}


.forminator-design--default .forminator-input, .forminator-design--default .forminator-input:hover, .forminator-design--default .forminator-input:focus, .forminator-design--default .forminator-input:active, .forminator-design--default .forminator-textarea, .forminator-design--default .forminator-textarea:hover, .forminator-design--default .forminator-textarea:focus, .forminator-design--default .forminator-textarea:active, .forminator-design--default .forminator-radio .forminator-radio-bullet, .forminator-design--default .forminator-radio .forminator-radio-image, .forminator-design--default .forminator-checkbox .forminator-checkbox-box {
    background-color: #FFF !important;
}


/* ======================== MEDIA QUERIES ========================= */
/* ======================== OVER 1280 ========================= */
@media screen and (min-width:1281px){

}

/* ======================== 1280 ========================= */
@media screen and (max-width:1280px){

}

/* ======================== 1024 ========================= */
@media screen and (max-width:1024px){

}

/* ======================== 991 ========================= */
@media screen and (max-width:991px){
    .iwhq_nav_btn {
        display: block;
    }

    nav {
        display: none;
    }

    #speakers figure img {
        border-radius:0;
    }

    .venue-details div {
        padding: 60px 60px 60px;
    }
}

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

    #conference-hero .welcome, .venue-details, #sponsors, #contact {
        text-align: center;
    }

    .venue-img, .venue-details{
        width:100%;
    }

    .venue-details li{
        list-style: none;
    }

    #about {
        padding: 30px 0;
    }

    .about-text {
        margin-top: 0;
    }
}

/* ======================== 768 ========================= */
@media screen and (min-width:768px) {
    footer .forty {
        width: 34%;
        padding-right: 30px;
        box-sizing: border-box;
    }

    footer .twenty {
        width: 22%;
        padding-left: 60px;
        box-sizing: border-box;
    }

    #sidebar {
        padding-left: 30px;
        border-left: 1px solid #ddd;
    }
}

/* ======================== 768 ========================= */
@media screen and (max-width:768px){
    .intro-text, .intro-image, .about-text, .about-image{
        width:100%;
        text-align:center;
    }
    .intro-image{
        margin-top:30px;
        text-align:center;
    }

    .intro-image img{
        max-width:75%;
    }

    .about-text{
        padding-top:60px;
        padding-bottom:30px;
    }

    footer .forty, footer .twenty{
        margin-bottom:30px;
    }

    #news {
        text-align: center;
    }

    #conference-hero img {
        margin: 8px 0;
    }

    .not-home h1 {
        font-size: 36px;
    }

    #conference-hero {
        padding: 50px 25px;
    }

    #agenda, #venue, #sponsors, #speakers, #contact {
        padding: 60px 30px;
    }

    #agenda .time {
        text-align: left;
    }
}

/* ======================== 576 ========================= */
@media screen and  (max-width:576px){
    #top {
        height: 84px;
        text-align:center;
    }

    #top .social {
        float: none;
        position: relative;
        top: 8px;
    }

    .logo-nav {
        text-align: center;
    }

    .iwhq_nav_btn {
        top: 28px !important;
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    #hero h1 {
        font-size: 46px;
    }

    #hero h3 {
        font-size: 28px;
    }

    #hero h4 {
        font-size: 18px;
    }

    #hero {
        padding: 60px 30px;
    }

    #about {
        padding: 30px;
    }

    h2 {
        font-size: 36px;
    }
}

/* ======================== 480 ========================= */
@media screen and  (max-width:480px) {
    #hero h1 {
        font-size: 36px;
    }

    #hero h3 {
        font-size: 24px;
    }

    #speakers figure img {
        width: 100%;
        height: auto;
    }
}

/* ======================== 380 ========================= */
@media screen and  (max-width:380px) {
    .iwhq_nav_btn {
        top: 46px !important;
    }
    header #logo {
        height: auto;
    }
}

/* ======================== 320 ========================= */
@media screen and  (max-width:320px) {

}