/*

Theme Name: Holandse Club
Description: Holandse Club
Author: Jordy Bish and 14 & Nine
Version: 1.0.
Template: infowaytheme

*/

@import url("../infowaytheme/style.css");

.container_24 .grid_12 {
    width:100%;
}

.heading_wrapper {
	display:none;
}

.topinfobar {
    background-image: url("./wp-content/themes/HollandseClub/images/topinfobarbg-orange.png") !important;
  	background-color:#0179a3 !important;
}

/* Logo */
@media only screen and (min-width: 481px) {
  .header .logo {
    margin: 20px 345px 30px;
  }
}

.social_logos li.sl-8 a span {
    background: url("images/instagram-yellow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; 
    height: 22px;
    width: 21px;
}


/* Menu */
#menu .ddsmoothmenu li a {
  font-family:Source Sans Pro;
  font-size:14px;
  padding:4px 7px;
}

 #menu li.current_page_item a {
    background-color: #0179a3 !important;
}

#menu li:hover a {
    background-color: #0179a3 !important;
}

#menu .ddsmoothmenu li li a {
    background-color: white !important;
}

#menu .ddsmoothmenu li li a:hover {
   color: #0179a3 !important; 
   background-color: white !important;
}


#menu-main_menu li:last-child .sub-menu {
    left: -110px !important;
}

#menu-main_menu li:nth-last-child(2) .sub-menu {
    left: -18px !important;
}


#menu .ddsmoothmenu li li a {
	font-family: ""Source Sans Pro"";
}

#menu .ddsmoothmenu li li a {
	font-family: "Source Sans Pro";
	font-size:15px;
}


.bdg-mobile-menu-button {
    display:none;
}

.bdg-menu-mobile {
    display:none;
}

#menu-main_menu  li:last-child .sub-menu {
	left: -150px !important;
}

#menu-main_menu  li:nth-last-child(2) .sub-menu {
	left: -53px !important;
}

#menu-main_menu  li:nth-child(2) .sub-menu {
	left: -61px !important;
}

#menu-main_menu  li:nth-child(3) .sub-menu {
	left: -61px !important;
}



/* Front Page */

#newsletter-email input {
	padding-left:10px;
}
.searchform input[type="text"] {
	text-transform: lowercase;
}

.container_24 .grid_home_main{
    width:100%;
    float:left;
    
}


.home_info {    
    float:left;
    width:100%;
    margin-bottom:8px;
    height:288px;
    padding-right:2px;
}

.home_events {  
    display: table;
    table-layout:fixed;
    width:100%;
    margin-top: 25px;
}

.home_event {
    display: table-cell;
    
    text-align: center;
}

#home_event_1, #home_event_2,#home_event_3,#home_event_4 {
    padding-right: 10px;
}


#home_event_3 {
    margin-right:0px;
}

.home_event_date {
    background-color:#0179a3;
    color:white;
    margin-bottom:8px;
    height:45px;
    font-size:28px;
    line-height:41px;
    text-align:center;
}

.home_event_img {
    /*background-color:lightgrey;*/

    
}
.grid_home_ads {    
    float:right;
    width:270px;;
}

.home_ad img {
    border-color: #585858;
    border-style: solid;
    border-width: 1px;
}


.home_ad {
    height:140px;   
    margin-bottom:8px;
    
}

.footer-wrapper .footer

.footer_widget {
    margin-bottom: 10px;
}

.footer .footer_widget {
       margin-top: 15px;
}

.textwidget a {
    color: white;
}

.footer_widget h4 {
    margin-top: 0;
    background: url("") no-repeat !important;
}


.footersep {
    height:0 !important;
}

.footer-bottom .copyrightinfo a {
    color: #6E6E6E !important;
}

.footer-bottom {
  background: url("") repeat-x scroll center top white !important;
}


.searchform input[type="text"] {
  background: url("") no-repeat scroll 0 0 white !important;
  color: #6E6E6E !important;
}

/* Events page */

.event-page-heading {
    background-color: white;
    margin-top:20px;
}

.event-page-title {
    background-color: white;
    font-size: 33px;
}

.event-notice {
    background: none repeat scroll 0 0 #d9edf7;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    color: #3a87ad;
    margin: 10px 0 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 #fff;
}



.event-location-box, .event-organizer-box {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #eee;
    margin: 30px 0;
}

.events_footer {
    border-top: 1px solid #e5e5e5;
    padding-bottom: 2em;
}


.event-location-venue, .event-organizer-details { 
    box-sizing: border-box;
    display: inline-block;    
    margin: 0 0 20px;
    padding: 0 4%;
    text-align: left;
    vertical-align: top;
    width: 33.3333%;
    float:left;
}

.event-organizer-details { 
    width: 34%;
}


.event-organizer-details dt {
    clear: left;
    font-weight: bold;
    line-height: 1;
    list-style: outside none none;
    color:black;
}

.event-organizer-details dd {
    line-height: 1.5;
    list-style: outside none none;
}


.event-organizer-title {
   font-size: 17px;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 20px;
}

.event-location-map {
    float: left;
    box-sizing: border-box;
    display: inline-block;    
    margin-top: 20px;    
    margin-bottom: 20px;
    border: 1px solid #ddd;
    margin-left:40px;
}

.em-booking {
    margin: 15px 0 10px;
    position: relative;    
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #eee;
    margin: 30px 0;
}

.em-tickets {
    float: left;
    width: 33%;
    margin-top: 20px;
    margin-left:20px;
    margin-bottom: 20px;
}

.em-booking-form-details {
    float: left;
    padding-left: 6%;
    width: 50%;
    margin-top: 20px;
    margin-left:20px;
    margin-bottom: 20px;
}

.closeicon, .siteinfourl, .toptip, .amazingcarousel-image div, .topinfobar div.info {
    display:none !important;
}

/* Sponsors */
.sponsorsheading, .column_header {
  text-align:center;
  border-bottom:2px solid #F1F1F1;
  width:940px;
  width: 98%;
  margin-left: 24px;
  margin-left: 1%;
}

.sponsorsheading h1, .column_header h1 {
  display:inline-block;
  font-family: verdana,arial;
  font-weight:100;
  font-size:12px;
  position:relative;
  top:25px;
  background:#fff;
  padding:0 12px;
}

.open-menu-link {
    display: none;
    float: left;
    color:#FB9B47;
    font-size:25px;
    position:absolute;
    z-index: 1;
    top:5px;
    left: 30%;
}

.open-menu-link:hover {
    cursor:pointer;
    
}

.sub-menu {
    display: none ;
    margin-top:0 !important;
}

.mobile-menu-background {
    background-image: linear-gradient(right, white 75%, white 75%, rgba(251,155,70,.8) 75%, rgba(251,155,70,.8) 100%);
    background-image: -webkit-linear-gradient(right, white 75%, white 75%, rgba(251,155,70,.8) 75%, rgba(251,155,70,.8) 100%);
    background-image: -moz-linear-gradient(right, white 75%, white 75%, rgba(251,155,70,.8) 75%, rgba(251,155,70,.8) 100%);
    background-image: -ms-linear-gradient(right, white 75%, white 75%, rgba(251,155,70,.8) 75%, rgba(251,155,70,.8) 100%);
    background-image: -o-linear-gradient(right, white 75%, white 75%, rgba(251,155,70,.8) 75%, rgba(251,155,70,.8) 100%);
    min-height: 134%;
    z-index: 1;
}

.bdg-mobile-items li {
    position:relative;
}

.footer-wrapper .footer {
    background: url("./wp-content/themes/HollandseClub/images/topinfobarbg-orange.png") repeat-x scroll 0 0 #0179a3 !important;
}

#newsletter {
    
    
}

#newsletter input {
    height: 25px;
    color: #6E6E6E;
    
}

#newsletter-email input {
    width: 185px;
}

#newsletter-submit,#newsletter-email {
    
}

#newsletter-submit{
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    
}


.column_left, .column_middle , .column_right {
    /*float:left;*/    
    /*width: 306px;*/
    display: table-cell;
    padding-right: 10px;
}


@media only screen and (max-width: 1024px) {
    .column_left, .column_middle, .column_right {
        /*width: 319px;*/
        padding-right: 10px;
    }
    .wrapper {
        padding-top:0;
    }
    
    .body_wrapper {
        width: 100%;
        max-width:none;
    }
    
    .container_24 {
        width: 100%;
    }
    
    .grid_24 {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .container_24 .grid_24 {
        width: 97%;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    
    #featured {
        width:100%;
    }
    
    .showcase {
        width: 100% !important;
    }
    
    .showcase-content-container {
        width: 100% !important;
    }
    
    .showcase-content {
        width: 100% !important;
    }
    
    .showcase-content img {
        width:100%;
    }
    
    .showcase-thumbnail-container {
        right:0;
    }
    
    .showcase-thumbnail {
        width: 100%;
    }

}

@media only screen and (max-width: 979px) {
    .container_24 .grid_6 {
        width: 24%;
    }
}


@media only screen and (max-width: 960px) and (min-width: 480px) {
    .ads-row {
        display:table;
        width:100%;
    }
    
    .grid_home_ads {
        width: 100%;
    }
    
    .grid_home_ads {
        margin-top: 10px;        
    }
    
    .home_ad {
        display:table-cell;
        text-align: center;
        padding-top: 8px;
        height:100%;
    }
        
}

@media only screen and (max-width: 589px) {
    
    .home_info {
        height: 100%;
    }
    
    .home_info img {
        width:100%;
        height: unset;
    }
}

@media only screen and (max-width: 589px) {
        
    .grid_home_ads {
        width: 100%;
        margin-top: 10px;
    }
    
    .home_ad img {
        width:200px;
        height:unset;
    }
    
}

@media only screen and (max-width: 960px) and (min-width: 768px) {    
      
    .container_24 .grid_home_main {
        width:100%;
    }
    
    .home_ad {
        
        
    }     
    
    .searchform input[type="submit"] {
        background-color: white;
        right: 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider_wrapper {
        display:none;
    }
    
    .wrapper_menu, .topmain_wrapper {
        display:none;
    }
    
    .header .logo {
        text-align: left;
        margin-left: 30px;
        margin-top: 25px;
        margin-bottom: 0px;
        float: left;
        width: 1px;
    }
    
    .header .logo img {
        width:550px;
    }
    
    .bdg-mobile-menu-button {
        display: block;
        float: right;
        
    }
    
    .visible {
        display: block;
    }
    
    .bdg-mobile-menu-button button {
        font-size: 60px;
        padding: 10px;
        margin:0;
        background-color: #0079A5;
        color: white;
        margin-top: 20px;
        border-style: none;
        min-width:77px;
    }
    
    .bdg-menu-mobile {
    
}
    
    .bdg-menu-mobile {
        display:none;
        position: absolute;
        min-width:100%;
        background-color: white;
        background-color:hsla(0, 0%, 100%, .85);
        right:1.5%;
        line-height:30px;
        
    }
    
    .bdg-menu-mobile ul {
        list-style-type: none;        
        margin-top:20px;
    }
    
    .bdg-menu-mobile li {
        text-align: right;        
        /*background-color: #FB9B47;*/
        /*background-color: hsla(28, 96%, 63%, 1);*/
        margin-bottom: 10px;
        margin-left:0;
    }
            
    .bdg-menu-mobile a {
        font-size: 25px;
        color: #FB9B47; 
        margin-right: 10px;
    }
    
    .sub-menu a {
        font-size: 15px;
    }
    
    .sub-menu a:first-child {
        margin-top: 5px;
    }
        
}

@media only screen and (max-width: 767px) and (min-width: 480px) {   
    
    
    
    .body_wrapper {
        width: 100%;
    }
    
    #topinfobox .container_24 {
        width:100%;
    }
    
    #topinfobox .container_24 .grid_24 {
        margin-left:0;
        margin-right:0 !important;
    }
    
    .topinfobar .socialicon {
        margin-left:20px;
        margin-bottom:5px;
    }

    .social_logos li {
        margin-bottom:12px;
    }
    
    .sponsorsheading {
        width: 98%;
        margin-left:auto;        
        margin-right:auto;
    }
    
    .container_24 .grid_home_main {
        float: none;
        width: 100%;
    }
    
    .home_info {
        float:none;
    }
    
}

@media only screen and (max-width: 500px) {
    .header .logo img {
        width:500px;
    }
    
    .bdg-mobile-menu-button button {
        font-size: 55px;
           min-width:73px;
    }
}

@media only screen and (max-width: 450px) {
    .header .logo img {
        width:450px;
    }
    
    .bdg-mobile-menu-button button {
        font-size: 50px;
    }
    
    .bdg-menu-mobile a {
        font-size: 25px;
    }
    
    .sub-menu a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .header .logo img {
        width:400px;
    }
    
    .bdg-mobile-menu-button button {
        font-size: 45px;
        min-width:65px;
    }
    
    .bdg-menu-mobile a {
        font-size: 20px;
    }
    
    .sub-menu a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 350px) {
    .header .logo img {
        width:350px;
    }
    
    .bdg-mobile-menu-button button {
        font-size: 40px;
        min-width:60px;
    }
    
    .bdg-menu-mobile a {
        font-size: 20px;
    }
    
    .sub-menu a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 479px) and (min-width: 320px) {   
    .container_24 .grid_home_main {
        float: none;
        width: 100%;
    }
    
    .container_24 .grid_6 {
        width: 100%;
    }
    
    #newsletter-email input {
        max-width: 185px;
    }
    
    .home_info, .home_events {
        float: none;
    }
    
    .home_columns {
        display: block;
    }
    
    .column_left, .column_middle, .column_right {
        display: block;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    
    .home_events {
        display: block;
        float:left;
    }
    
    .home_event {
        display:block;
        padding-right: 0;
    }
    
    .home_event_date {
        margin-bottom: 0;
    }
    
    .home_event_img {
        margin-bottom: 10px;
    }

    .ads-row {
        display: table;
        width:100%;
    }
    
    .home_ad {
        display: table-cell;
        text-align: center;
        height:95%;
        padding-bottom: 6px;
    }
    
    .home_ad img {
        height:97%;
        width:97%;
    }
}

.home_columns {
    margin-top: 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.home_columns img {
    width: 100%;
    border-color: #6e6e6e;
    border-style: solid;
    border-width: 1px;
}



.column_left, .column_middle {

}


/*.column_left p, .column_middle p, .column_right p {*/



::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}