/* xxxxxxxxxxxxxx 
		Mobile CSS
	xxxxxxxxxxxxxx */



/*@media (max-width: 480px) {*/
@media (max-width: 767px) {  

	#wrapper {
		padding-bottom: 0px;
	}

	.intro-header .container {
		padding-left:0px;
		padding-right:0px;
	}	

	.intro-header .intro-message .row > div {  /* this is just for first level children of: (.intro-header .intro-message .row)  */
		padding-left:5px;
		padding-right:5px;
	}

	.nd_panel h1, .nd_panel h2  {	 
		font-family: 'Oswald', sans-serif;
		box-sizing: border-box;
		cursor: pointer;
		display: inline;
		font-size: 1em;
		font-weight: lighter;
		/*height: auto;*/
		text-align: left;
		white-space: nowrap;
		/*width: auto;*/
	}

	.nd_panel h1 {	 
		font-size: 1.3em;
		font-weight: lighter;
	}

	.nd_panel h2 {	 
		font-size: 0.88em;
		font-weight: lighter;		
	}

	.panel-group .nd_title_main {
		padding:1.1em 1em 1.1em 1em ;
	}

	.nd_sub_panel .nd_title_text {
		padding-left:0.5em;
		padding-right:0.5em;
		display:inline;
	}
	
	#nd-banner-header {
		position:relative;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:0px;
		height:180px !important;
		margin-top:-20px;
	}

	#nd-banner-header .intro-header {	
		padding-top:0px;
		margin-bottom:0px;
		height:100px;
	}

	.nd-banner-header-shorter #nd-banner-header {
		height:180px !important;
	}

	#index-wrapper > div.intro-header.home-page {
		padding-top:3em;
	}

	#slide-nav > div > div.navbar-header.slide-active {

	}

	#slide-nav > div {		
		background-color: rgba(245, 50, 60, 0.85);
	}
	
	#slide-nav > div > div.navbar-header > a.navbar-brand {
		color:#fff;
	}
	
	

	#mainContent {
        margin-top: -170px;
    }
	#mainContent.index_template {
        padding-bottom: 30px;
	}

	#mainContent h1,
	#mainContent h4 {
		text-align: initial;
	}

	#mainContent .row .pull-right {
		padding-left:0em;	
	}

	#mainContent .nd-title-with-buttons {
		padding-top:0px;
		padding-bottom:10px;
		line-height:initial;
	}
	
	.nd-red-box {		
		padding:1em;
		margin-top:0.5em;
	}

	.nd-red-box td {	
		padding:0px;
		margin:0px;
	}

	.nd-red-box .percent-name {		
		font-size:1.2em;
		margin-top: 0.25em;
	}

	.nd-red-box .percent-value {	
		font-size:2em;
		margin: 0em 0.25em 0em 0;
		padding: 0px;
	}

	.nd-red-box .text {
		font-size:0.9em;
		vertical-align:bottom;
		padding-top:0.25em;
	}

	.nd-red-box .comment {
		font-size:0.8em;
		margin-bottom: 0.25em;
		padding-bottom:0.25em;
	}

	#mainContent div p > i {
		font-size:0.9em;
	}

	#registration > .row > .col-sm-12 > div {
		padding-left:0px;
		padding-right:0px;
	}

	#registration > .row > .col-sm-12 > div > img {
		width:100% !important;		
	}



    /*Articles*/

    
    #articles  {
        margin-bottom:0px;
        background-color:#EEE;
    }

    #articles .container {
        padding-bottom:0px;
    }



	footer {		
		background: #FFFFFF;
    
	}

    .visible-xs footer {
        margin-top:1px;

    }
	
	footer .logos {
		font-family: Oswald, sans-serif;
		font-weight:normal;
		color: #808284;
	}

	footer .logos a {
		display: block;
        float: none;
		overflow: hidden;		
		/*margin: 15px 20px 10px;*/		
		margin-bottom: 0;
		min-width: 120px;
	}

	footer .logos .row {
		vertical-align: middle;
        max-width: 100%;
	}

	footer .logos .organizers {
		padding-top:0px;
		padding-bottom:0px;
	}
	
	footer .logos .organizers-2 {
		padding-top:0px;
		padding-bottom:15px;
	}

	footer .logos .supporting-partners {
		padding-bottom: 20px;
        margin: 0;
	}

	footer .logos .branding-partners {
		padding-top:15px;
		padding-bottom:15px;
	}

	footer .logos a img {
        width: 150px;
	}


    /* **************************
    Concrete pages customization
    *************************** */

    .participation .sectors .row div {
	    line-height: 3em;
    }
    
    .participation .sectors .row div .css-label {
	    line-height:110% !important;
        font-size:1em;
    }

    /* Program */

    #program .row .text {
        padding-left: 15px;
    }

    #program .row .button-set {
        float: left !important;
    }

    #program.special-format .row .text {
        padding-left: 15px;
    }

    #program .row .time {
        font-weight: bold;
    }

}


/* +++++++++++++++++++++++
	Mobile navigation cusomization	 
	+++++++++++++++++++++++*/


/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}

/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}

/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}

/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}

/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}

/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}

/* screw writing importants and shit, 
	just stick it in max width since these 
	classes are not shared between sizes */
@media (max-width:767px) { 

	#index-wrapper #mobile-menu {
		margin-left:-15px;
		margin-right:-15px;
	}

	#slide-nav #slidemenu {
		font-weight:normal;
		display:none; /* as default */
	}

	#slide-nav .dropdown-menu .divider {
		background-color:rgb(33, 33, 33);
	}

	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;		
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: relative;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav .home-mobile {
		width:26px;
		height:26px;
	    background-image:url(images/home-mobile.png);
		background-repeat:no-repeat;
		margin-top:12px;
        float: right;
	}

	#slide-nav .contact-mobile {
		width:26px;
		height:26px;
	    background-image:url(images/contact-mobile.png);
		background-repeat:no-repeat;
		margin-top:12px;
		margin-left:6px;
        float: right;
	}

	#slide-nav .mobile-breadcrumbs {	    
		padding: 5px 5px 5px 15px;
		background-color:#84150B;
	}

	#slide-nav .mobile-breadcrumbs .inner {
	    background:url(images/home-mobile-breadcrumbs.png) left center no-repeat;				
		color:white;
		font-size:0.75em;
		font-weight:normal;		
		text-decoration:none;
		padding-left:5px;
	
	}

	#slide-nav .mobile-breadcrumbs a {		
		color:white;	
		text-decoration:none;
	}

	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: 0;
	    width: 100%;
	    min-width: 100%;
	    position: relative;
	    padding-left: 0;
	    z-index: 2;
	    /*top: -8px;*/
	    margin: 0 !important;
		/*margin-bottom:-8px !important;*/
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}

	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
		color:#fff;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: #333
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: absolute;
	    top: 0;
	    height: 100%;
	    width: 80%;
	    left: -80%;
	    background: #eee;
	}
	#slide-nav.navbar-inverse #navbar-height-col {
		position: absolute;
	    background: #333;
	    z-index: 1;
	    border: 0;
	}

	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}

	#slidemenu .navbar-form {
		/*padding: 2px 1px;*/
		/*margin-top: 3px;*/
		/*margin-right: -15px;*/
		/*margin-bottom: 4px;*/
		/*margin-left: -15px;*/
		/*border-top: 0px solid transparent;
		border-bottom: 0px solid transparent;*/
	}

	#slidemenu .red-buttons {		
		padding:2px 16px;
	}

	#slidemenu .red-buttons ul {		
		padding:0px;		
		margin-bottom:0px;
	}

	#slidemenu .red-buttons li {
		float:left;
		height:45px;		
		padding-right:2px;
		display: inline !important;
	}

	#slidemenu > ul > li {
		border-bottom: 1px solid #555;
	}

	#slidemenu > ul > li > a {
		color:#fff;
		text-transform: uppercase;
	}

	#slidemenu > ul > li > ul > li {
        padding-top: 6px;
        height: 40px;
    }
	#slidemenu > ul > li > ul > li > a {
        color: #FFFFFF;
	}

	#slidemenu .divider {
			/*color:#fff;*/
			/*margin:1px;*/
	}


	#slide-nav .grey-submenu {		
		padding:0px 0px;
		margin:0px;
		border-width:0px;
		background-color:#878787;
	}

	#slide-nav .grey-submenu ul {		
		padding:0px;		
		margin-bottom:0px;
		border:none;
	}

	#slide-nav .grey-submenu li {
		float:left;				
		line-height:30px;
		width:33%;		
		display: inline !important;		
	}

	#slide-nav .grey-submenu ul > li:nth-child(2) {
		background-color:#787878;
		border-color:#787878;

	}

	#slide-nav .grey-submenu a {
		text-decoration:none;
		color:white;
		font-weight:normal;
	}

	#slide-nav .grey-submenu {

	}

	

	/* share block */
	
	#mobile-menu #share {
		font-family: 'Roboto';;
		color:#fff;
		background-color: rgba(245, 50, 60, 0.85);		
		display: none;
		height:auto;
		overflow:hidden;
		margin-top:0px;
		padding-top:8px;
		padding-bottom:4px;
	}

	#mobile-menu #share > .row {
		margin-left: -15px;
	}	
	
	#mobile-menu #share_form_mobile {
		margin:auto;
		font-size: 1.3em;
	}

	#mobile-menu #share-inner span,
	#mobile-menu #share-inner input,
	#mobile-menu #share-inner a {
		vertical-align: middle;
	}

	#mobile-menu #share-inner {
		font-weight:normal;
		min-height:20px;
		/*background-color: rgba(0, 0, 255, 0.5);*/ /* blue, just for contrast */
		max-height:155px; /*55px;*/
		display:none;
		margin:20px;
		text-align:center;
	}
	
	#mobile-menu #share-inner img {
		display: inline;
		margin-right: 5px;
		height: 40px;
	}

	#mobile-menu #share-inner-mobile #share_form_mobile .row {
		text-align:center;
	}

	#mobile-menu #share-inner-mobile .or-word {		
		padding:1px 15px;	
	}

	#mobile-menu #share-inner-mobile .send-mail {		
		padding:5px 20px 5px 24px;
	}

	#mobile-menu #share-inner-mobile .send-mail > div{
		padding:0px;	
	}

	#mobile-menu #share-inner-mobile input {		
		display:inline;    
		outline: none;
		border:none !important;
		box-shadow:none !important;
		border-radius: 0px !important;	
	}

	#mobile-menu #share-inner-mobile .send-mail input[type="email"] {
		background-color: rgba(237, 171, 176, 1);  /* light rose */
		color: rgba(51, 51, 51, 1);
		width:100%;		
	}

	#mobile-menu #share-inner-mobile .send-mail input[type="submit"] {
		background-color: rgba(209, 211, 212, 1);  /* light grey */
		color: rgba(51, 51, 51, 1);
	}

	#mobile-menu #share-inner-mobile input[type="button"] {
		background-color: rgba(209, 211, 212, 1);  /* light grey */
		color: rgba(51, 51, 51, 1);
	}



    /* ++++++++++
        Customizations 
        ++++++++++++ */

    /* Program */
    
    #program-days-container .program-days > div {
	    padding:1.5em;
	    text-align:left !important;
    }

    #program-days-container > div.program-days.row > div:nth-child(1) {
        background-color:#fff;
    }

    #program-days-container > div.program-days.row > div:nth-child(2) {
        background-color:#fff;
    }

    #program-days-container > div.program-days.row > div:nth-child(3) {
        background-color:#fff;
    }

    #program-days-container > div.program-days.row > div:nth-child(4) {
        background-color:#fff;
    }


    #program-days-container {
        display:initial;
    }
    #program-days-container > div.program-days.row {
        display:initial;
    }
    #program-days-container > div.program-days.row > div {
        display:initial;        
    }



}

@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
}

@media (max-width: 320px) {
    .col-custom-break {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        left: auto;
        right: auto;
        width: auto;
    }
}



/* **************************
Concrete pages customization
*************************** */

@media (min-width: 970px) {

    /* Program */

    #program .row .text {
        /* padding-left: 40px; */
    }

}


@media (min-width: 1200px) {

    /* Program */

    #program.special-format  .row  .text {
        /* padding-left: 0px; */
    }

    #program.special-format  .row  .time {
       /*  padding-left: 30px; */
    }


}