/*
	Theme Name: NextGen 18
	Description: This is the CSS for the homepage of NextGen 18.
	Author: Jan Hoek
	Author URI: http://www.janhoek.com/
	Version: 2.0.1
 
	Tags: one page, single page, full-width-template
 
	Template: genesis
	Template Version: 2.0.1
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

body{    
background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:#fff;
    }
body.home .wrapper {
	clear: both;
	overflow: auto;
} 

.site-inner {
    clear: both;
    /*padding-top: 400px;
    padding-top: 40rem;*/
}
.hide{display: none;}

@media only screen and (min-width: 1023px) {
	.section {
		/*min-height: 900px;*/
	}
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    border-style: solid;
}
button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {
    background-color: #726963;
}


body.home .site-inner {
   
    padding-top: 0rem;
}

/* NextGen 18 Wrap 
--------------------------------------------- */
body.home .site-inner,
body.home .site-inner .wrap {
	margin: 0 auto;
	max-width: 100%;
}

body.home .wrapper {
	padding: 2% 0;
}

body.home #portfolio.wrapper {
	padding-top: 0 !important;
	    background: #deacc2;
}

body.home .section .wrap {
	max-width: 1140px;
	text-align: center;
}
body.home .section .wrap p {

	text-align: left;
}


body.home .section#portfolio .wrap {
	max-width: 100%;
}  

/* NextGen 18 site-header 
--------------------------------------------- */
.site-header {
    display: none;
}

body.home .site-header {
	/*position: fixed;*/
	top: 0;
	width: 100%;
	z-index: 1000;
	-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.1);
	box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.1);
	/*background:url(http://10.21.32.44/groups/multi/nextgen/wp-content/uploads/sites/24/2018/06/next_gen_banner_18.jpg);*/
	/*min-height: 400px;*/
    background-size: cover;
    

}

body.home .site-header .title-area {
	/*padding-top: 25px;*/

    
    background: #73a0a6;
    padding: 20px;
        width: unset;
            display: none;

}

.site-title a, .site-title a:hover {
    color: #fff;
}

.header-image .site-header .widget-area {
    padding: 0;
    background:#fff;
    width: 100%;
    text-align: center;
}
.header-image .site-header .widget-area nav a{
    color: #deacc2;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
}
/* NextGen 18 Slider 
--------------------------------------------- */
#genesis-responsive-slider {
    background-color: #fff;
    border: 0px solid #eee !important;
    margin: 0 auto;
    padding: 0px !important;
    position: relative;
    /*height: 360px;
    overflow: hidden;*/

}

/* NextGen 18 Sections 
--------------------------------------------- */


body.home .section {
	background-attachment: fixed;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
	    min-height: 120px;
}

/* NextGen 18 Styling
--------------------------------------------- */

body.home .section h1 {
	font-size: 5rem;
	text-transform: uppercase;
	color: #f7f7f7;
	    line-height: 100px;
    margin: 0;
}

body.home .section header.home-title {
	/*display: none;*/
}
/* NextGen 18 menu
--------------------------------------------- */
.genesis-nav-menu {
    clear: both;
    color: #999;
    font-family: Lato, sans-serif;
    line-height: 1.5;
    width: 100%;
    font-size: 1.8rem;
    color:#fff;
    background-color:#000;
        text-align: center;
}
.genesis-nav-menu a{color:#fff;}

.nav-primary {
    background-color: #000;
}


#menu-one-page-menu .collapseomatic{
font-size: 100%;
}

#menu-one-page-menu .collapseomatic:before{display: none;}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}

body.home .section h1{font-weight: 300;}

/* NextGen 18 Intro
--------------------------------------------- */

body.home .section#intro {
	background-color: #fff;
	color: #505050;
}
body.home .section#intro header.home-title {
	display: none;
}
body.home .section#intro h1, body.home .section#intro h2 {
    /*background: #555;*/
    padding: 10px; 
    display:inline-block; 
    color: #505050;
        font-size: 5rem;
}
body.home .section#intro h1{font-size:50px;font-size:5rem;    margin-top: 3%;}
body.home .section#intro h2 {font-size:40px;font-size:4rem;}

body.home .section#intro h2, body.home .section#intro h3 {
	color: #fff;
}
body.home .section#intro h3 {font-weight:300;font-size:3rem;}

body.home .section#intro .wrap p {
	/*background-color: #555;*/
	/*color: #fff;*/
	text-align: left;
	/*padding:10px;*/
}

/* NextGen 18 Registration
--------------------------------------------- */

body.home .section#registration {
	background-color: #505050;
    color: #fff;
    padding: 0% 0 0 0;
    border-top:10px solid #999;
    border-bottom:10px solid #999;
}
body.home .section#registration h1 {display: none;}
body.home .section#registration h2:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 60px;
    color: #555;
    margin: 0 10px 0 0;
    cursor: pointer;
    float: left;
}
body.home .section#Registration h2 {
	color: #fff;
}

body.home .section#registration .button {
    border-radius: 0px;
    display: inline-block;
    border: 2px solid #999;
    /* padding: 0; */
    /*border-top: 0;
    border-bottom: 0;*/
        padding: 0.6rem 2.4rem;
            background-color: #999;
            font-size:5rem;
            font-weight: 100;
}
body.home .section#registration .button:hover {background-color: #fff; color:#505050;}

body.home .section#registration h2 {
    line-height: 100px;
        margin: 0;
        text-transform: uppercase;
}
body.home .section#registration div#target-register-content {
    display: none;
}

.registerpage h2 {
    display: none;
}
body.home .section#registration h2 {
    color:#fff;    font-weight: 300;
}
body.home .section#registration	#mc_embed_signup{background:#505; clear:left; font:14px Helvetica,Arial,sans-serif; }
body.home .section#registration	#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto; margin:unset;margin-right: 10px; }
	body.home .section#registration	#mergeRow-gdpr {margin-top: 20px;}
	body.home .section#registration	#mergeRow-gdpr fieldset label {font-weight: normal;}
	body.home .section#registration	#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}

body.home .section#registration	#mc_embed_signup .button {height: unset;font-size: 3rem;}

body.home .section#registration a {
    color: #ddd;
    text-decoration: none;
}
body.home .section .wrap .mc4wp-response p {
    text-align: center;
}
/* NextGen 18 Programme
--------------------------------------------- */

body.home .section#programme {
	/*background-color: #fff;*/
	/*color: #fff;*/
	/*padding:0%;*/
}
body.home .section#programme .wrap {
	/*background-color: #fff;*/
	/*color: #fff;*/
	/*padding:0%;*/
}
body.home .section#programme h1, body.home .section#organisers h1, body.home .section#contact h1 {
	color: #555;
}
body.home .section#programme h2 {
	/*color: #fff;*/
}

body.home .section#programme header.home-title {
	/*color: #fff;*/
	display: block;
}
td.tdtime {
    width: 25%;
}

/* NextGen 18 About
--------------------------------------------- */

body.home .section#about {
	background-color: #deacc2;
	color: #fff;
}

body.home .section#about h2, body.home .section#about h3 {
	color: #fff;
}
body.home .section#about header.home-title {
	color: #fff;
	display: block;
}

/* NextGen 18 Service
--------------------------------------------- */

body.home .section#service .left,
body.home .section#service .right {
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}

body.home .section#service .one-half {
	background-color:rgba(88,88,88,0.5);
	border-radius: 6px;
	
}	

body.home .section#service .service-inner {
	color: #DCFFF9;
	padding: 3% 5%;
	font-size: 18px;
	
}

body.home .section#service h2 {
	color: #fff;
}

body.home .section#service p.mycode {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}


body.home .section#service .service1:before {
	content: "\f121";
	font-family: 'FontAwesome';
	color: #b4dfd9;
	font-size: 90px;
}

body.home .section#service .service2:before {
	content: "\f13b";
	font-family: 'FontAwesome';
	color: #b4dfd9;
	font-size: 90px;
}


/* NextGen 18 Portfolio
--------------------------------------------- */

body.home .section#portfolio .portfolio-section .page,
body.home .section#portfolio .portfolio-section .post {
	 float: left;
    overflow: hidden;
    width: 31.3333%;
    margin: 1%;
    padding: 0;
    line-height: normal;
    min-height: 250px;
    padding: 0 0 10px 30px;

}
body.home .section#portfolio p{text-align: left; 
    line-height: 140%;}

body.home .section#portfolio .portfolio-section .page img.alignnone,
body.home .section#portfolio .portfolio-section .post img.alignnone {
	margin: 0;
	padding: 0;
	-webkit-animation-duration: 2s;
	-ms-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 2s;
	-ms-animation-delay: 2s;
 	animation-delay: 2s;	
}

img.entry-image.attachment-post.animated.fadeInUp {
    padding: 0 0 10px 15px;
}

/* NextGen 18 Speakers 
--------------------------------------------- */

body.home .section#organisers {
    background: rgba(49, 179, 75, 0.5);
    padding-top: 2%;
}

body.home .section#speakers .section-inner {
   /* padding: 1%;*/
}
body.home .section#speakers .featured-content {
}

body.home .section#speakers .featured-content .entry {
	float: left;
	width: 31.623931623931625%;
	margin-bottom: 15px;
	margin-left: 2.564102564102564%;
	    padding: 1% 1%;
    min-height: 350px;
    text-align: left;
    font-size: 90%;
}

body.home .section#speakers .featured-content .entry:nth-of-type(3n+1) {
	clear: left;
	margin-left: 0;

}

body.home .section#speakers .featured-content img {
	margin-bottom: 1px;
	margin-right: 10px;
}

body.home .section#speakers h4.widget-title.widgettitle{  background: #fff;  font-size: 60px;    font-size: 4em;}

body.home .section#speakers .fg-simple_portfolio .fg-item.fg-positioned .fg-image {
    width: 100%;
    height: auto;
	max-height: 200px;
}

.speakerlist{text-align: left;    margin: 0 auto;
    width: 50%;}
/* NextGen 18 Organisers
--------------------------------------------- */
body.home .section#organisers .fg-simple_portfolio .fg-item.fg-positioned .fg-image {
    width: 100%;
    height: auto;
	max-height: 200px;
}

/* NextGen 18 Sponsors
--------------------------------------------- */

body.home .section#sponsors {
	/*background-color: #fff;*/
	background: rgba(255, 255, 255, 0.6);
	color: #555;
}
body.home .section#sponsors h1 {
	color: #555;
}
body.home .section#sponsors h2 {
	color: #555;
}
body.home .section#sponsors header.home-title {
	color: #555;
	display: block;
}

/* NextGen 18 Speakers 
--------------------------------------------- */

body.home .section#sponsors {display: none;}

/* NextGen 18 Contact 
--------------------------------------------- */

body.home .section#contact {
	background-color: #deacc2;
}
body.home .section#contact a {
	color: #fff;
}

body.home .section#previous-symposia h1 {
	/*margin: 40px 0;	*/
}

body.home .section#contact .section-inner {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 200;
	/*min-height: 200px;*/
}

body.home .section#previous-symposia .section-inner span.cline {
	border-top: 1px #F27C61 solid;
	padding-top: 30px;
	color: #F27C61;
}

body.home .section#previous-symposia .section-inner span.address:before {
	font-family: 'FontAwesome';
	content: "\f015";
	margin-right: 15px;
}

body.home .section#previous-symposia .social-section {
	padding-top: 50px;
}

div#target-previous-symposia-content .collapseomatic {
    /*background: green;*/
    display: block;
    clear: both;
    line-height: 100px;
    margin: 20px 50px;
}
div#target-previous-symposia-content .collapseomatic:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 40px;
    color: #555;
    margin: 0 10px 0 0;
    cursor: pointer;
    float: left;
}
div#target-previous-symposia-content .colomat-close:before {
    content: "\f068";
}

div#target-previous-symposia-content .collapseomatic_content {background: #fff;margin: 20px 50px;padding:30px;    color: #555555;}

/* NextGen 18 Animations CSS
--------------------------------------------- */

.section#intro h1 .animated.bounceInDown {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
}

.section#intro h1 .animated.fadeOut {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
   -webkit-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
}

.section#intro img.animated {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
}


.footer-widgets {
    background-color: #fff;
   
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    text-align: center;
}
/*.footer-widgets-3 img {
    margin-top: 70px;
}*/

/* NextGen 18 Forms
--------------------------------------------- */
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
	float: left;
    margin: 17px 10px 0 0;
}
label {

    display: block;margin-top: 10px;
}

@media only screen and (max-width: 1139px) {
	
	body.home .site-inner, .wrap {
		max-width: inherit;
	}
	
	
	body.home .section .section-inner {
		padding-left: 2%;
		padding-right: 2%;
	}
	
	body.home .section#portfolio .section-inner {
		padding: 0 0;
	}
}

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

	body.home .site-inner {
		padding: 0 !important;
	}
	
	.section#speakers .featured-content .entry {
		width: 420px;
		padding: 3%;
	}
	
	.header-image .site-header .wrap {
		background-position: center top;
	}
	
	body.home .section#speakers .featured-content .entry {
		width: 100%;
		margin: 5px 5px 5px 0;;
    	min-height: unset;
	}
	body.home .section#speakers .featured-content .entry:nth-of-type(3n+1) {
	    clear: left;
	    margin: 5px 5px 5px 0;;
    	min-height: unset;
	}
	/* ### Genesis Responsive Menus */

	.genesis-responsive-menu .wrap {
		padding: 0;
	}

	.genesis-responsive-menu {
		display: none;
		position: relative;
	}

	.genesis-skip-link .skip-link-hidden {
		display: none;
		visibility: hidden;
	}
	.menu-toggle,
	.sub-menu-toggle {
		background-color: #fff;
		border-width: 0;
		color: #333;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}

	.menu-toggle:focus,
	.menu-toggle:hover,
	.sub-menu-toggle:focus,
	.sub-menu-toggle:hover {
		background-color: #fff;
		border-width: 0;
		color: #c3251d;
	}

	.menu-toggle {
		line-height: 22px;
		position: relative;
		width: 100%;
		z-index: 1000;
	}

	.menu-toggle,
	.menu-toggle:focus,
	.menu-toggle:hover {
		border-top: 1px solid #eee;
	}

	.menu-toggle::before {
		font-size: 1.5em;
		margin-right: 10px;
		text-rendering: auto;
	}

	.sub-menu-toggle {
		float: right;
		padding: 13px 10px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}

	.sub-menu .sub-menu-toggle {
		padding: 12px 10px;
	}

	.sub-menu-toggle::before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: rotate( 0 );
		-ms-transform:     rotate( 0 );
		transform:         rotate( 0 );
		-webkit-transition: transform .25s ease-in-out;
		-ms-transition:     transform .25s ease-in-out;
		transition:         transform .25s ease-in-out;
	}
}

@media only screen and (max-width: 768px) {
	
	body.home .site-header {
		position: relative;
	}
	body.home .section#intro h1{font-size:50px;font-size:3rem;    margin-top: 3%;}
body.home .section#intro h2 {font-size:40px;font-size:2rem;}
	/* responsive menu */
	nav {
        display: none;
        position: relative;
    }

    nav .wrap {
        padding: 0;
    }

    nav.pagination {
        display: block;
    }
	.menu-toggle,
    .sub-menu-toggle {
        display: block;
        visibility: visible;
        overflow: hidden;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        background-color: transparent;
    }

    .menu-toggle {
        background-color: #000;
        position: relative;
        padding: 10px 12px;
        right: 0;
        z-index: 1000;
        color: white;
        width: 100%;
    }

    .menu-toggle:before,
    .menu-toggle.activated:before {
        display: inline-block;
        font: normal normal normal 20px FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        content: "\f0c9";
        padding-right: 12px;
    }

    .sub-menu-toggle {
        background: transparent;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        padding: 18px;
        z-index: 100;
    }

    .sub-menu-toggle:before {
        display: inline-block;
        font: normal normal normal 16px FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        content: "\f107";
    }

    .sub-menu-toggle.activated:before {
        content: "\f106";
    }

    .genesis-nav-menu .menu-item {
        display: block;
        position: relative;
        text-align: left;
    }

    .genesis-nav-menu .menu-item a {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        width: 100%;
        padding: 10px;
    }
    .header-image .site-header .widget-area nav a {text-align: left; }

    .genesis-nav-menu .menu-item:hover {
        position: relative;
    }

    .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
    .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
        left: 0;
        margin-left: 0;
    }

    .genesis-nav-menu > .menu-item-has-children > a:after {
        content: none;
    }

    .genesis-nav-menu .sub-menu {
        /*display: none;*/
        clear: both;
        margin: 0;
        position: static;
        width: 100%;
        opacity: 1;
    }

    .genesis-nav-menu .sub-menu .sub-menu {
        margin: 0;
    }

    .genesis-nav-menu .sub-menu a {
        border-left: none;
        border-right: none;
        padding-left: 40px;
        color: #eee;
    }

    .nav-primary .genesis-nav-menu .sub-menu a {
        background-color: #333;
        color: #eee;
    }


}

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

	.section#speakers .featured-content{
		padding: 0;
		margin: 0;
	}
	
	.section#speakers .featured-content .entry {
		margin: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	
	body.home .section#service .one-half,
	body.home .section#speakers .featured-content .entry {
		margin-bottom: 10px;
	}
	
	body.home .section h1 {
		font-size: 30px;
	}
	
	body.home .section#portfolio .portfolio-section .page,
	body.home .section#portfolio .portfolio-section .post {
		width: 50%;
	}
}


 
@media only screen and (max-width: 480px) {
 
	
	.section#portfolio .portfolio-section .page,
	.section#portfolio .portfolio-section .post {
		width: 100%;
	}
	
	body.home .section#portfolio .portfolio-section .page,
	body.home .section#portfolio .portfolio-section .post {
		width: 100%;
	}
 
}