@charset "UTF-8";
/* CSS Document */



@media only screen and (min-width: 1100px) {


.featurebox1right{
    background-position: center top !important;
}


.featurebox2left{
    background-position: center top !important;
}

    .featurebox3right{
    background-position: center top !important;
}

}




@media only screen and (max-width: 959px) {

 .wrapper{
        padding:0 20px !important;
}

.widewrapper2{
  padding:0 20px !important;
}


    .mobilebluebutton a{
    background-color: #113BEE !important;
    color: #FFF !important;
    padding:0px 10px !important;
    display: inline-block !important;
    width: calc(100% - 57px) !important;
    text-align: center !important;
    margin-left: 17px !important;
    transition: 0.3s;

}

.mobilebluebutton a:hover{
    background-color: #000 !important;

}



ul#responsive-menu li a{
    margin-left:0 !important;
    font-size:16px !important;
    line-height: 24px !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    padding: 0 0% !important;
}

ul#responsive-menu li{
       list-style-type: square !important;
    margin-left: 40px !important;
    color:#113BEE !important;
    }



ul#responsive-menu li.mobilebluebutton{
       list-style-type: none !important;
    margin-left: 20px !important;

    }

   ul#responsive-menu li.mobilebluebutton a{
      line-height: 35px !important;

    }






/* Tablet Layout */

@media only screen and (max-width: 769px) {



}

/* Tablet - Portrait - Layout */

@media only screen and (max-width: 680px) {


.webheader-logo{
display:none !important;
}


.webheader-logo-mobile{
	display:block !important;
	float:left;
    /*width:100%;*/
    width:188px;
	text-align:left;



}

.webheader-logo-mobile img{
        max-height: 40px;
    }

.webheader{
        padding-right:30px !important;

        margin-top:10px !important;
        margin-bottom:10px !important;
    }

.webheader-navigation{
	   float:right;
    width: calc(100% - 173px);
    text-align: right;
    padding-top:0px !important;
}



.maincontent{

     padding:60px 0 !important;
    font-size: 19.2px !important;
line-height: 29px !important;
}


.slider{
    /*height:400px;*/


}

.sliderchild {
    margin: auto; /* Important */
    text-align: left;
    max-width: 680px;
    min-width: 100px !important;
     padding:0 16px !important;
}


.featurecol{
    float:none !important;
    margin-right: 0px !important;
    width: 100% !important;

}

.homeeventleft{
    float:none !important;
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 0px !important;

    padding-right: 20px !important;
}

.homeeventright{
    float:none !important;
    width: calc(100% - 20px) !important;
    margin-left: 20px !important;
    min-height: 200px !important;
}



.homenewsleft{
    float:none !important;
     width: calc(100% - 0px) !important;
    margin-right: 0px !important;
    min-height: 200px !important;

}

.homenewsright{
    float:none !important;
    margin-left: 20px !important;
    margin-right: 0px !important;
     width: calc(100% - 40px) !important;
    padding-right: 20px !important;
}




.featurebox1left{
    float:none !important;
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 0px !important;

    padding-right: 20px !important;
}

.featurebox1right{
    float:none !important;
    width: calc(100% - 20px) !important;
    margin-left: 20px !important;
     min-height: 300px !important;
     background-position: center top !important;
}


.featurebox2left{
    float:none !important;
     width: calc(100% - 20px) !important;
    margin-right: 20px !important;
     min-height: 300px !important;
     background-position: center top !important;
}

.featurebox2right{
    float:none !important;
    margin-left: 20px !important;
    margin-right: 0px !important;
     width: calc(100% - 40px) !important;
    padding-right: 20px !important;
}

        .featurebox3left{
    float:none !important;
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 0px !important;

    padding-right: 20px !important;
}

.featurebox3right{
    float:none !important;
    width: calc(100% - 20px) !important;
    margin-left: 20px !important;
     min-height: 300px !important;
     background-position: center top !important;
}


.eventssection h3{
    margin-bottom: 35px !important;
}


.gridfeeditem{
    float:none !important;
    width: 100% !important;
    margin-right:0px !important;

     min-height: 210px !important;


}

.gridfeeditem:nth-child(2){
    /* float:none !important;
    width: 100% !important;
    margin-right:0px !important;
    margin-left: 0px !important;

 */
}


.gridfeeditem:nth-child(even){

     float:none !important;
    width: 100% !important;
    margin-right:0px !important;
     margin-left: 0px !important;
     min-height: 210px !important;



}



.gridfeeditemtext{

    min-height: 125px !important;
}

.becomeamember{
        padding:60px 0 !important;

}

.featurebox1{
       /*padding-left:16px !important;*/

}

.featurebox2{

      /*padding-right:16px !important;   */
}

.featurebox3{
      /*padding-left:16px !important;*/

}

.latestnews{
       padding-left:20px !important;
      padding-right:20px !important;

}

.homenews{

    /*padding-left:16px !important;*/
      padding-right:20px !important;

}

.homeintro{
        padding:60px 0 !important;

}


.webfooter{
        padding-top: 0px;
    }

.webfooterleft{
    float:none; !important;
        width:100% !important;

    line-height: inherit !important;
}

.webfooterleft .socialmedialogo{
margin-left:15px;
    margin-right:15px;

}


.webfooterright{
    float:none !important;
        width:100% !important;
    text-align: center !important;


       line-height: inherit !important;
    margin-top:40px !important;
    padding:20px 0 20px 0;
    clear:both !important;
}


.webfooterlogo{
       float:none !important;
    width:100% !important;
    text-align: center;
    line-height: inherit !important;
    }

.webfootersocialmediaicons{
    float:none !important;
    width:100% !important;
    text-align: center;
    line-height: inherit !important;
    margin-bottom: 0px !important
    }


h1{
    font-size: 39.81px !important;
    line-height: 50px !important;
}



h2{

/*font-size: 50.52px;
line-height: 66px;*/
text-align: left !important;

font-size: 33.18px !important;
line-height: 50px !important;


}


/*h3{

font-size: 27.65px !important;
line-height: 40px !important;

}

h3 a{

font-size: 27.65px !important;
line-height: 40px !important;

}
*/

/* H4 - Desktop */
/*h4{
    font-size: 23.04px !important;
line-height: 35px !important;
}
    */

.displayname{

   font-size: 23.04px !important;
line-height: 35px !important;
}


.desktopview{
display:none !important;
}

.mobileview{
display:block !important;
}

}

@media only screen and (max-width: 600px) {

    p{font-size:16px !important;
    line-height: 24px !important;}

    }

    li{
		font-size: 16px !important;
  line-height: 24px !important;
	}


/* Mobile Layout */

@media only screen and (max-width: 481px) {




}


/* Smaller Mobile Layout */

@media only screen and (max-width: 418px) {

.webheader-logo-mobile{
	display:block !important;
	float:none !important;

    width:100% !important;
	text-align:center !important;



}





.webheader-navigation{
	   float:none !important;
    /*width: 100% !important;*/
    width:100px !important;
    margin:0 auto !important;
    text-align: center !important;
       padding-top:0px !important;

}



}