* { box-sizing: border-box; }

html {
	background: #555;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	}

body {
	background: #555;
	font: 400 .8em/1.5 'Montserrat',arial, helvetica, sans-serif;
	color: #555;
	border-top: solid 15px #555;
	}
	
	body.setup { 
		border-top:solid .5em red; 
		}
	

	@media only screen and (min-width: 960px) { 
		body { font-size: 1em; } 
	}

	
	a { color: #7c074a; }
	a:hover { color: #410227; }
	a:visited { color: #555; }
	
	nav a { transition: background-color .2s ease, color .2s ease; ; }
	
	.clickbox:hover { cursor: pointer; }
	.readmore { font-size: 80%; text-transform: uppercase; font-weight: bold;white-space: nowrap;}
	
	b, strong, th { font-weight: bold; }
	em, i { font-style: italic; }
	sup {position: relative;top: -.5em;font-size: 65%;line-height: 0;vertical-align: baseline;}	
	td, th { text-align: left; vertical-align: top; }
	.footnote { font-size: 85%; }
	
	.note { background: yellow; }
	.hide { display: none; }

		img {
			display: block;
			max-width: 100%;
			height: auto;
			border:0;
			}
			
		h1, h2, h3, h4, h5, h6 {
			margin: 1em 0 .5em;
			padding: 0;
			font-weight: 700;
			}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none;}
			
		h1 {
			font-style: normal;
			font-size: 1.5em;
			margin:1em 0 .5em;
			color: #7c074a;
			font-weight: 400;
			}
			
		h2 { 
			font-style: normal;
			font-size: 1.6em;
			color: #ca413f;
			margin-top: 1.3em;
			}

		h3 {
			font-style: normal;
			font-size: 1.4em;
			color: #7c074a;
			margin-top: 1.2em;
			}
				
			h3 em {
				font-size: .8em;
			}

		h4 {
			font-style: normal;
			font-size: 1em;
			color: #539C95;
			}

		h5 {
			font-style: normal;
			font-size: 1em;
			color: #222;
			}

		h6 {
			font-style: normal;
			font-size: 1em;
			color: #222;
			}


		@media only screen and (min-width: 720px) {
			h1 { font-size: 2.1em; }
			h2 { font-size: 1.5em; }
			h3 { font-size: 1.3em; }
			h4 { font-size: 1.1em; }
			h5 { font-size: 1.1em; }
			h6 { font-size: 1.1em; }
			}

		@media only screen and (min-width: 960px) {
			h1 { font-size: 2.4em; }
			h2 { font-size: 1.6em; }
			h3 { font-size: 1.4em; }
			h4 { font-size: 1.2em; }
			h5 { font-size: 1.1em; }
			h6 { font-size: 1.1em; }
			}


		p {
			margin: 0 0 1em;
			}
			
			ul {
				list-style: disc;
				margin: 0 0 1.5em;
				padding:0;
				}
				
			ol {
				list-style: decimal;
				margin: 0 0 1.5em;
				padding:0;
				}

			li {
				padding:0;
				margin: 0 0 .3em 2em;
				}
				

			li ul, li ol {
				margin-top: .3em;
				margin-bottom:.6em;
				font-size: .9em;
				}
				
				li ul li {
					list-style: circle;
					margin-bottom: .15em;
				}


		.intro {
			font-size: 1.1em;
			}
			
			.content-main > *:first-child {
				margin-top:0;
			}
			
		@media only screen and (min-width: 720px) {
			.intro { font-size: 1.2em;}
		}


	.divider {
		border-top: solid 1px #F8F2DB;
		padding-top: 1em;
		margin-top: 1em;
		}
		
		.content-sidebar .divider {
			border-width: 3px;
			
		}
		

		
		.feature-box {
			padding: 15px;
			border: solid 2px #F8F2DB;
			margin: 0 0 1em;
		}
		
		.inset-box {
			padding: 15px;
			background-color: #ededed;
			margin: 0 0 1em;
			}
			
			.feature-box > *:first-child, .inset-box > *:first-child {
				margin-top:0;
				padding-top:0;
			}
			
			.feature-box > *:last-child, .inset-box > *:last-child {
				margin-bottom:0;
			}
			
		.footnotes {
			font-size: .8em;
			border-top: solid 2px #ededed;
			padding-top: 1em;
			margin-top: 1em;
		}
		
			.footnotes > *:first-child {
				margin-top:0;
				padding-top:0;
			}


	a.btn {
		display: inline-block;
		padding: 8px 12px;
		vertical-align:middle;
		margin: 0 2px 2px 0;
		white-space: nowrap;
		font-size: 1.1em;
		line-height: 1.5;
		text-decoration: none;
		background-color: #EFCD60;
		color: #fff;
		font-weight: 700;
		border-radius: 3px;
		-webkit-transition: all .2s ease, color .2s ease;
		transition: all .2s ease, color .2s ease;
		}
		
		a.btn:hover {
			background-color: #222;
		}
		
		.btn-large {
			font-size: 21px;
			padding: 12px 54px 12px 18px
		}
		
		.btn-large:hover { padding-right: 60px; }
		
		.btn-white {
			background-color: transparent;
			color: rgba(255,255,255,.7);
			border: solid 1px rgba(255,255,255,.5);
		}

			.btn-white:hover, .clickbox:hover .btn-white {
				color: #fff;
				border-color: #fff;
			}
		
		a.btn-primary { 
			display: inline-block;
			background-color: #ca413f;
			padding: 9px 12px;
			font-size: 1.1em;
			line-height: 1.2;
			color: rgba(255,255,255,.7);
			margin: 0 2px 2px 0;
			text-transform: uppercase;
			font-weight: 700;
			text-decoration: none;
			border-radius: 3px;
			}
			
			a.btn-primary::after {
				content: " \000BB";
			}
			
			a.btn-primary:hover {
				color: #fff;
			}

		a.btn-secondary { 
			display: inline-block;
			background-color: #539C95;
			padding: 6px 9px;
			font-size: .9em;
			line-height: 1.2;
			color: rgba(255,255,255,.7);
			margin: 0 2px 2px 0;
			text-transform: uppercase;
			font-weight: 700;
			text-decoration: none;
			border-radius: 3px;
			}
			
			a.btn-secondary::after {
				content: " \000BB";
			}
		
			a.btn-secondary:hover {
				color: #fff;
			}
	
	table {
		margin: 0 0 1em;
		font-size: .8em;
		line-height: 1.3;
		border-top: solid 2px #ededed;
		border-bottom: solid 2px #ededed;
	}
	
	td, th {
		vertical-align: top;
		padding: 9px;
		border-bottom: solid 1px #ededed;
	}
	
	th {
		font-weight: 700;
		background-color: #999;
		color: #fff;
		vertical-align: bottom;
	}
	
	td >*:first-child, th >*:first-child {
		margin-top:0;
		padding-top:0;
	}
	
	tr:nth-child(odd) td {
		background-color: #ededed;
	}
	
		
/* content blocks  */

main {
	border-top: solid 1px #ededed;
	background-color: #F8F2DB;
}


.content-block-wrap {
	background-color: #ededed;
	padding: 15px;
	margin: 0;
	}


.content-block {
	padding: 15px;
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 1280px;
}

	@media only screen and (min-width: 720px) {
		.content-block {
			padding: 21px;
		}
	}



.content-header {
	padding: 15px 0;
	background-color: #7c074a;
	color: #fff;
}

@media only screen and (min-width: 720px) {
	.content-header { padding: 21px 0; }
	}
@media only screen and (min-width: 960px) {
	.content-header { padding: 30px 0; }
	}

.content-header .content-block {
	padding-top:0;
	padding-bottom:0;
}

.content-header .section-tag { 
	color: #f5cc48;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .8em;
	letter-spacing: .05em;
	margin: 1em 0 .3em;
}

.content-header .section-tag a { 
	color: #f5cc48;
	text-decoration: none;
	transition: color .2s ease; 
	border-bottom: solid 1px transparent;
}

.content-header .section-tag a:hover { 
	border-bottom: solid 1px rgba(255,255,255,.5);
}


.content-header h1 {
	margin: 0;
	line-height: 1.3;
	color: #fff;
}




.main-sidebar {
	overflow: auto;
}


.main-sidebar .content-main {
	padding: 15px;
	background-color: #fff;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	margin-bottom: 15px;
}


	

@media only screen and (min-width: 640px) {
	.main-sidebar .content-main {
		float: left;
		width: 65%;
		padding: 15px;
	}
	
	.main-sidebar .content-sidebar {
		float: right;
		width: 33.3333%;
	}
}

@media only screen and (min-width: 960px) {
	.main-sidebar .content-main {
		padding: 30px;
	}
}


.sidebar-content {
	padding: 15px;
	background-color: rgba(255,255,255,.7);
	margin-bottom: 1em;
}

.sidebar-content > *:first-child {
	margin-top: 0;
}

.sidebar-content > *:last-child {
	margin-bottom: 0;
}


@media only screen and (min-width: 640px) {
	.sidebar-content { padding: 15px; }
}
@media only screen and (min-width: 960px) {
	.sidebar-content { padding: 30px; }
}



.subnav {
	margin-bottom: 1em;
	background: #7c074a;
	padding: 15px;
	color: #fff;
}

.subnav a {
	display: block;
	text-decoration: none;
	border-top: solid 1px rgba(255,255,255,.15);
	padding: 9px;
	color: rgba(255,255,255,.7);
	font-weight: 700;
	transition: color .15s ease-out;
}
	.subnav .current, .subnav a:hover { color: #fff; }

.subnav a:first-child {
	border-top-width: 3px;
}

.subnav a:last-child {
	border-bottom: solid 3px rgba(255,255,255,.15);
}

@media only screen and (min-width: 640px) {
	.subnav { padding: 21px; }
}
@media only screen and (min-width: 960px) {
	.subnav { padding: 30px; }
}



/* FORMS  */

form { }

label {
	display: block;
	margin: 0 0 6px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .06em;
	color: #999;
}

input {
	display: block;
	border: none;
	padding:2px 9px;
	line-height: 24px;
	height: 24px;
	color: #666;
	border-radius: 3px;
	width: 100%;
	text-transform: none;
	letter-spacing: 0;
	font-size: .9em;
}

	 input:focus {
		color: #222;
	}


	button {
		display: inline-block;
		padding: 8px 12px;
		vertical-align:middle;
		margin: 0 2px 2px 0;
		white-space: nowrap;
		font-size: 1.1em;
		line-height: 1.5;
		text-decoration: none;
		background-color: #EFCD60;
		color: #fff;
		font-weight: 700;
		border-radius: 3px;
		-webkit-transition: all .2s ease, color .2s ease;
		transition: all .2s ease, color .2s ease;
		border: none;
		}
		
		button:hover {
			background-color: #222;
		}

		
		footer button {
			background-color: #7C074A;
		}
		
		footer button:hover {
			background-color: #7C074A;
		}
		
		

/* HEADER LAYOUT AND STYLES */

.site-header {background-color: #fff;}

.masthead {
	background-color: #fff;
	max-width: 1280px;
	margin:0 auto;
}

.masthead .logo-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
}

.masthead .logo {
	display: block;
}

.logo img {
	width: 120px;
}

.congress-logo, .congress-logo:visited {
	font-size: 2.3em;
	color: #7c074a;
	font-weight: 500;
	text-decoration: none;
	transition: color .15s ease;
}

.congress-logo:hover {
	color: #430126;
}

.nav-toggles {
	margin-left: auto;
}

.nav-toggles a {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 32px;
}

.nav-toggles a img {
	max-width: 32px;
	opacity: .3;
	transition: opacity .2s ease;
}

.nav-toggles a .icon-close { display: none; }

.nav-toggles a.active .icon-nav { display: none; }
.nav-toggles a.active .icon-close { display: block; }

.nav-toggles a:hover img {
	opacity: .6;
}



.congress-masthead-wrap {
	background-position: center center;
	background-size: cover;
	background-color: #555;
	padding: 15px;
}

	.congress-masthead {
		background-color: rgba(0,0,0,.5);
		color: #fff;
		max-width: 1280px;
		margin: 0 auto;
		padding: 30px;
	}


.congress-details {
	border-top: solid 1px #ededed;
	padding: 6px 0 15px;
	margin: 0 15px;
}

		.congress-details .congress-theme {
			font-weight: 700;
			color: #7c074a;
		}

		.congress-details .congress-date-location {
			font-weight: 300;
			text-transform: uppercase;
			font-size: .8em;
			letter-spacing: .04em;
			color: #555;
		}


.nav-primary-wrap {
	background-color: #555;
	}

.site-header .nav-primary {
	padding: 15px 15px 30px;
	max-width: 1280px;
	margin:0 auto;
}

.nav-secondary {
	display: none;
}


.site-search form {
	display: flex;
	flex-wrap:  nowrap;
	justify-content: space-between;
}

.site-search label {
	width: 100%;
}

.site-search input {
	width: calc(100% - 50px);
	height: 50px;
	margin:0;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 1.5em;
}

.site-search button {
	width: 48px;
	height: 48px;
	background-color: rgba(255,255,255,.5);
	background-image: url('/img/search-white-icon.svg');
	background-size: 32px;
	background-position: center center;
	background-repeat:no-repeat;
	border: none;
	transition: all .1s ease;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.site-search button:hover {
	border-color: #999;
	background-color: #999;
}

@media only screen and (min-width: 720px) {
		.site-search { max-width: 25%;}
		.site-search input {
			font-size:.8em; 
			height: 32px;
			width: calc(100% - 36px);
		}
		
		.site-search button {
			height: 32px;
			width: 32px;
			background-size: 24px;
		}
}
@media only screen and (min-width: 960px) {
	.site-search { max-width: 30%; }
}



.nav-primary {
	background-color: #410227;
	background-color: #555;
	padding: 45px 30px;
}

.nav-hidden {
	display: none;
}

.nav-primary a {
	display: block;
	text-decoration: none; 
	font-size: 1.4em;
	line-height: 1.35;
	padding: 12px 0;
	border-top: dotted 1px rgba(255,255,255,.15);
	text-align: center;
	color: rgba(255,255,255,.7);
	font-weight: 500;
}

	.nav-primary a:hover { color: #fff; }
	.nav-primary .current a { color: #fff; }
	.site-header .nav-primary .nav-item:first-child a { border-top: none; }

.mainnav-btn {
	margin-top: 12px;
}

.mainnav-btn a {
	border: none;
	background-color: #f5cc48;
	opacity:1;
	border-radius: 2px;
	color: #fff;
}

/*Added by Lazaros*/ 
/*Start*/
.milinav-btn {
    margin-top: 12px;
}

.milinav-btn a {
    border: none;
    background-color: #ca413f;
    opacity: 1;
    border-radius: 2px;
    color: #fff;
}

.mmnav-btn {
    margin-top: 12px;
}

    .mmnav-btn a {
        border: none;
        /*background-color: #7bad49;*/
        background-color: #156c8f;
        opacity: 1;
        border-radius: 2px;
        color: #fff;
    }
/*End*/

@media only screen and (min-width: 720px) {
	
	body { border-top: none; }
	
	.nav-hidden { display: block; }
	.site-header .nav-secondary { display: block; }
	
	.nav-primary .level-secondary { display: none;}
	.nav-secondary .level-primary { display: none;}

	
	.site-header .nav-primary  {
		display: flex;
		flex-wrap: no-wrap;
		justify-content: space-between;
		align-items: center;
		padding: 15px 21px;
		}
		
		.site-header .nav-primary nav {
			display: flex;
			justify-content: flex-start;
			flex-wrap: nowrap;
			align-items: center;
		}
	
		.nav-primary a {
			text-decoration: none;
			display: block;
			padding: 0;
			margin-right: 8px;
			line-height: 1.2;
			font-size: .8em;
			border: none;
		}
		
		.nav-primary a:hover { color: #fff; }
		.nav-primary .current a { color: #fff; }

		
	
	.masthead .logo-wrap {
		display: block;
		padding:0;
	}
	
	.logo img {width: 150px;}

	.masthead {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		padding: 21px;
	}
	
	.nav-toggles {
		display: none;
	}

	.site-header .nav-secondary {
		background-color: transparent;
		padding: 0;
	}
	
	.nav-secondary nav {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	
	.site-header .nav-secondary a {
		display: inline-block;
		color: #555;
		text-decoration: none; 
		font-family: 'Montserrat';
		font-size: .9em;
		font-weight: 300;
		text-transform: none;
		line-height: 1.35;
		border: none;
		text-align: left;
		padding: 0 7px;
		border-left: solid 1px #ededed;
	}


		.nav-secondary a:hover { color: #222; }
		.nav-secondary .current a { color: #ca413f; }
	
	.mainnav-btn { margin: 0; }

	.nav-secondary .mainnav-btn a {
		border: none;
		background-color: #f5cc48;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 700;
		color: #fff;
		padding: 5px 9px;
		margin: 0 0 0 6px;
		font-size: .8em;
		transition: background-color .2s ease-out;
	}

    .mainnav-btn a:hover, .mainnav-btn.current a {
        /*background-color: #ca413f;*/
        background-color: #7c074a;
    }

    /*Added by Lazaros*/
    /*Start*/
    .milinav-btn {
        margin: 0;
    }

    .nav-secondary .milinav-btn a {
        border: none;
        background-color: #ca413f;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        padding: 5px 9px;
        margin: 0 0 0 6px;
        font-size: .8em;
        transition: background-color .2s ease-out;
    }

    .milinav-btn a:hover, .milinav-btn.current a {
        background-color: #f5cc48;
    }

    .mmnav-btn {
        margin: 0;
    }

    .nav-secondary .mmnav-btn a {
        border: none;
        /*background-color: #7bad49;*/
        background-color: #156c8f;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        padding: 5px 9px;
        margin: 0 0 0 6px;
        font-size: .8em;
        transition: background-color .2s ease-out;
    }

    .mmnav-btn a:hover, .mmnav-btn.current a {
        background-color: #7bad49;
        /*background-color: #156c8f;*/
    }
    /*End*/

		.congress-details {
			text-align: right;
			border:0;
			padding:0;
			margin:0;
		}
		
}


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

		.nav-primary a {
			padding: 0;
			margin-right: 10px;
			line-height: 1.2;
		}
		
		.nav-primary a:hover { color: #fff; }
		.nav-primary .current a { color: #f5cc48; }
	
	.site-header .nav-secondary a { 
		padding-left: 10px; 
		padding-right: 10px; 
		font-size: 1em; 
		}

}

@media only screen and (min-width: 960px) {
	.logo img {width: 170px;}
	.masthead { padding: 30px 21px; }
	.nav-secondary .mainnav-btn a { font-size: .9em; }
    .nav-secondary .milinav-btn a { font-size: .9em; }
    .nav-secondary .mmnav-btn a { font-size: .9em; }
}

@media only screen and (min-width: 1120px) {
		.nav-primary a {
			margin-right: 1.1em;
			font-size: .9em;
		}
}
@media only screen and (min-width: 1200px) {
		.nav-primary a {
			font-size: 1em;
		}
}




/* SPECIAL ANNOUNCEMENT BAR */

.announcement {
	background-color: #fff;
	color: #fff;
	padding: 0 12px;
}

.announcement a {
	display: block;
	max-width: 1230px;
	margin: 0 auto;
	padding: 15px 21px 15px 48px;
	border-top: solid 4px #ca413f;
	text-align: left;
	background-image: url(/img/icon-alert-24px.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	color: #ca413f;
	font-weight: 700;
	font-size: .9em;
	text-decoration: none;
	transition: background-color .2s ease;
	line-height: 1.3;
}

.announcement a::after {
	content: "\2002\00bb";
	}

.announcement a:hover {
	color: #555;
	}
	
	.announcement a img {
		display: inline-block;
		max-width: 24px;
		margin: 0 9px 0 0;
		vertical-align: middle;
	}





/* CONTENT LAYOUT AND STYLES */

.content-wrap {
	background-color: #fff;
	border: solid 3px yellow;
}

.content-regular {
	max-width: 1280px;
	margin: 0 auto;
	padding: 15px;
}

.content-full {
	background-color: #ededed;
	padding: 15px;
}




/* category-filter */

.category-filter {
	margin: 0 0 2em;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: .8em;
}

.category-filter a {
	background-color: rgba(255,255,255,.5);
	font-weight: 700;
	padding:6px 9px;
	margin: 0 6px 6px 0;
	text-decoration: none;
	color: rgba(0,0,0,.3);
	border-radius: 2px;
}

.category-filter a:hover {
	color: #ca413f;
	background-color: #fff;
	}

.category-filter .current, .category-filter .current:hover {
	background-color: #ca413f;
	color: #fff;
	}


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

.connect-w-lasa {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 1.5em;
}

.connect-column { }

	.col-tv { width:calc(100%); }
	.col-twitter { 
		width:calc(100% - 340px); 
		padding-right: 20px;
		} 
	.col-facebook { width:calc(340px); }
	
	.connect-column > *:first-child {
		margin-top: 0;
		margin-bottom: 1em;
		}
}

@media only screen and (min-width: 960px) {
	.col-tv { width:calc(40%); padding-right: 20px;}
	.col-twitter { width:calc(60% - 340px); padding-right: 20px; }
	.col-facebook { width:calc(340px); }
}

@media only screen and (min-width: 1140px) {
	.col-tv { width:calc(50%); padding-right: 20px;}
	.col-twitter { width:calc(50% - 340px); padding-right: 20px; }
	.col-facebook { width:calc(340px); }
}


/* CARDS */

.cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 0 1.5em;
}

.card {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 240px;
	        flex: 1 0 240px;
	margin: 0 0 3px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: rgba(255,255,255,.5);
	border-radius: 0;
	border-left: solid 0px rgba(255,255,255,.5); 
	overflow: hidden;
	transition: background-color .2s ease-out, box-shadow .4s ease-out, transform .2s ease-out;
}

.card.featured-card { background-color: #fff; }

.card:hover {
	background-color: #fff;
	transform: scale(1.03);
}

.card a {
	display: block;
	border: none;
	text-decoration: none;
	color: inherit;
	padding: 12px;
}

.featured-card:hover {
	border-color: #ca413f;
}

.card-content {
	font-size: .9em;
}

.card-meta {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .6em;
	margin-bottom: .4em;
	padding-bottom: .4em;
	border-bottom: dotted 1px rgba(0,0,0,.15);
	color: #999;
}

.news-category {
	color: #ca413f;
}

.card-graphic {
	margin-bottom: 1em;
}

.publications-cards .card-graphic img {
	border: solid 1px rgba(0,0,0,.15);
}

.card-title {
	font-size: 1.05em;
	font-weight: 500;
	margin-bottom: .5em;
	color: #222;
	transition: color .2s ease;
}

.featured-card .card-title {
	color: #ca413f;
}


.card-subtitle {
	font-weight: 700;
	margin: -.5em 0 1em;
	color: #555;
}

.card-date {
	font-size: .75em;
	margin-top: auto;
	color: #111;
}

.lasa-tv-cards .card {
	padding: 12px;
}

.card-video {
	margin: 0 0 10px;
}



@media only screen and (min-width: 480px) {
	.cards {
		margin: 0 -.5em;
		}

	.card {
		max-width:calc(50% - 1em);
		margin: 0 .5em 2em;
		background-color: rgba(255,255,255,.5);
		}
		
	.card {
		border-left: 0;
		border-top: solid 0px rgba(255,255,255,.7); 
		box-shadow: 1px 1px 2px rgba(0,0,0,.15);
	}
	.card:hover {
		box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	}
	
	.card a {
		padding: 15px;
	}

	.card-meta {
		margin-bottom: .8em;
		padding-bottom: .8em;
	}
	
	.card-title {
		font-size: 1.1em;
		margin-bottom: 1em;
	}
	
	.card-subtitle {
		margin-top: -1em;
	}

}

@media only screen and (min-width: 720px) {
	.card {
		max-width:calc(33.333% - 1em);
		}

	.page_home .card:nth-child(4) {
		display: none;
	}		
	.news-cards .card {
		min-height: 180px;
	}
}

@media only screen and (min-width: 960px) {
	.card {
		max-width: calc(25% - 1em);
		}

	.page_home .card:nth-child(4) {
		display: block;
	}		
}


/* NEWS detail items  */


.featured-photo {
	margin: 0 0 1.5em;
}

.photo-caption {
	background-color: #ededed;
	padding: 9px;
	margin-top: 4px;
}

.photo-gallery {
	margin: 0 0 1.5em;
}




/* FOOTER LAYOUT AND STYLES */

footer {
	background-color: #555;
	color: #fff;
}

footer a { color: #f5cc48; }
footer a:hover { color: #fff; }

	.footer-inset {
		max-width: 1280px;
		margin: 0 auto;
		padding: 30px 15px;
	}
	
	
	@media only screen and (min-width: 640px) {
		.footer-column-wrap {
			overflow: auto;
			}
			
			.footer-address, .footer-join, .footer-connect {
				float: left;
				width: 50%;
				padding-right: 15px;
			}
		
		}

	@media only screen and (min-width: 720px) {
			.footer-inset { padding: 30px 21px; } 

			.footer-address, .footer-join, .footer-connect {
				width: 33.333%;
				padding-right: 21px;
			}
		}
	
	@media only screen and (min-width: 960px) {
			.footer-address, .footer-join, .footer-connect {
				padding-right: 30px;
			}
		}
	



.nav-languages, .footer-address, .footer-join, .footer-connect, .nav-footer {
	margin-bottom: 15px;
}

.footer-title {
	font-weight: 700;
	font-size: .9em;
	letter-spacing: .04em;
	line-height: 1.35;
	margin: 0 0 12px;
	color: #f5cc48;
	text-transform: uppercase;
}


footer .nav-languages {
	display: flex;
	flex-wrap: wrap;
	border-top: none;
	padding-top: 0;
	margin-bottom: 30px;
	}
	
	footer .nav-languages a {
		font-size: .7em;
		font-weight: 700;
		text-transform: uppercase;
		display: inline-block;
		text-decoration: none;
		padding: 6px 9px;
		color: rgba(255,255,255,.7);
	}
	
	footer .nav-languages a:hover {
		background-color: rgba(255,255,255,.15);
		color: #fff;
		}
	
	footer .nav-languages .current a {
		background-color: #F8F2DB;
		color: #555;
	}
	

footer .footer-address .logo {
	margin-bottom: 9px;
}

footer .footer-address .logo img {
	max-width: 120px;
}

.footer-join input {
	margin-bottom: 12px;
	height: 32px;
	background-color: rgba(255,255,255,.7);
}

.footer-join input:focus {
	background-color: #fff;
}


.social-icons {
	display: flex;
	flex-wrap: nowrap;
	justify-content:flex-start;
}

.social-icons a {
	display: block;
	border: solid 1px #fff;
	text-align: center;
	margin: 0 4px;
	border-radius: 3px;
	opacity: .4;
	transition: opacity .2s ease;
}

	.social-icons a:hover {
		opacity: .8;
		}

.social-icons img {
	display: inline-block;
	vertical-align: text-top;
	width: 40px;
	height: 40px;
}

.sidebar-content .social-icons a {
	background-color: rgba(0,0,0,.7);
}


.copyright {
	margin-top: 1em;
	padding-top: 1em;
	font-size: .85em;
	border-top: solid 1px rgba(255,255,255,.15);
}

.copyright a {
	margin-left: .5em;
	color: #fff;
}



/* HOME PAGE */

.bg-purple {
	background-color: #7c074a;
}

	.bg-purple h1 { color: #fff; }

.bg-yellow {
	background-color: #f5cc48;
}

	.bg-yellow h1 { color: #fff; }

.bg-pale-yellow {
	background-color: #F8F2DB;
}

.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: #555;
	color: #fff;
}

.bg-lightgray {
	background-color: #dedede;
}



/* home hero begins */
.homeHero {
	background-color: #7D004A;
	background-image: linear-gradient(0deg, #4C002C 0%, #7D0049 50%);
}

.homeHero-img {
	position: relative;
	z-index: 0;
}

.homeHero-sidebar {
	position: relative;
	z-index: 1;
}
.homeHero-details {
	padding: 15px;
	margin: -15px 40px 0;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	font-size: .85em;
	text-align: center;
}

.homeHero-about {
	text-transform: uppercase;
	font-size: .75em;
	letter-spacing: .06em;
	margin: 0 0 .5em;
	color: #F7CD36;
}

.homeHero-description {
	margin: .5em 0 0;
}

.homeHero-explore {
	color: #fff;
	padding: 0 8px 24px;
}

.homeHero-exploreTitle {
	text-align: center;
	padding: 30px 15px 15px 15px;
	line-height: 1.2;
	font-size: 1.5em;
}

.homeHero-exploreMenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.homeHero-exploreMenu a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(50% - 16px);
	margin: 8px;
	padding: 24px 8px;
	background-color: rgba(255,255,255,.05);
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 500;
	color: #EECC61;
	text-decoration: none;
}

.homeHero-exploreMenu a img {
	max-width: 80px;
	margin-top: 16px;
}


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

	.homeHero-explore {
		margin: 0;
		padding:0 22px 30px;
	}
	.homeHero-exploreTitle {
		font-size: 1.75em;
	}
	.homeHero-exploreMenu a {
		width: calc(33% - 8px);
		margin: 4px 4px 8px;
	}		
	.homeHero-details {
		max-width: 480px;
		margin: -30px auto 0;
	}
}

@media only screen and (min-width: 720px) {
	.homeHero-details {
		margin-top: -40px;
	}
}

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

	.homeHero {
		padding: 0;
		background: #777;
		position: relative;
	}
	
	.homeHero-img { 
		width: 100%; 
		max-width: none; 
		}

	.homeHero-img img {
		width: 100%;
		max-width: none;
		}


	.homeHero-inset {
		display: flex;
		flex-wrap: nowrap;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		position: absolute;
		left:0;
		top:0;
		padding:23px 30px;
	}
	
	.homeHero-inset-left {
		flex-direction: row;
	}

	.homeHero-inset-right {
		flex-direction: row-reverse;
	}
	
	.homeHero-sidebar { 
		width: 33%;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		}

	.homeHero-details {
		padding: 18px 21px;
		margin: 0;
		background-color: transparent;
		text-align: left;
		font-size: .7em;
		background: rgba(66,0,39,.75);
	}
	
	.homeHero-explore {
		background: transparent;
		margin:0;
		padding:0;
		max-width: none;
	}
	.homeHero-exploreMenu {
		display: block;
		padding:0;
		margin:0;
	}
	
	.homeHero-exploreTitle {
		text-align: left;
		font-size: 1.15em;
		padding:15px 21px;
		line-height: 1.1;
	}
	.homeHero-exploreMenu a {
		margin:0;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-content: flex-start;
		background: transparent;
		padding: 5px 21px;
		border-top: solid 2px rgba(255,255,255,.08);
	}

	
	.homeHero-exploreTitle, .homeHero-exploreMenu a {
		background: rgba(0,0,0,.6);
	}
	
	.homeHero-exploreMenu a:hover {
		background-color: rgba(0,0,0,.7);
		color: #fff;
	}
		

	.homeHero-exploreMenu a img {
		max-width: 30px;
		margin: 0 0 0 auto;
	}

}

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

	.homeHero-details {
		font-size: .75em;
	}

	.homeHero-exploreTitle {
		padding: 27px 21px 21px;
		font-size: 1.3em;
	}
	.homeHero-exploreMenu a {
		font-size: .9em;
		padding: 5px 21px;
	}
	.homeHero-exploreMenu a img {
		max-width: 36px;
	}

}

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

	.homeHero-exploreMenu a img {
		max-width:40px;
	}
	
	.homeHero-inset {
		padding: 30px 40px;
	}

}

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

	.homeHero-details {
		font-size: .8em;
	}

	.homeHero-exploreTitle {
		font-size: 1.3em;
	}
	.homeHero-exploreMenu a {
		font-size: .8em;
		padding: 8px 21px;
	}
	.homeHero-exploreMenu a img {
		max-width: 32px;
	}

}


@media only screen and (min-width: 1280px) {
	.homeHero-inset {
		left: 50%;
		margin-left: -640px;
		width: 1280px;
	}
	.homeHero-exploreTitle {
		font-size: 1.5em;
	}
	.homeHero-exploreMenu a {
		font-size: .95em;
	}
	.homeHero-exploreMenu a img {
		max-width: 45px;
	}

}

@media only screen and (min-width: 1440px) {
	.homeHero-inset {
		padding: 40px;
	}
	.homeHero-exploreTitle {
		font-size: 1.5em;
		padding: 30px 24px 24px;
	}

	.homeHero-exploreMenu a {
		font-size: 1em;
		padding: 8px 24px;
	}
	.homeHero-exploreMenu a img {
		max-width: 50px;
	}
}


/* home hero ends */



/*when congress is live*/

.congressNow {
	background-color:#420027; /* fallback if no image is uploaded */
	background-image:url('/img/lasa2020-bg-pattern-2560.jpg');
	background-size: cover;
	background-position: center center;
	padding: 6em 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.congressNow_inset {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	max-width: 700px;
	margin: 0 auto;
}

.congressNow_title {
	max-width: 270px;
	margin: 0 auto;
}

.congressNow_year {
	font-size: 1.75em;
}

	.congressNow_title span {
		display: block;
	}

.congressNow_subtitle {
	margin-top: 40px;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .03em
}

.congressNow_text {
	margin-top: 40px;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.4;
}

.congressNow_actions {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.congressNow_actions a { 
	margin: 0 2px;
	padding: 13px 25px;
	background-color: #DB3137;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1;
	transition: all .1s ease;
}

.congressNow_actions a:visited {
	color: #fff;
}

.congressNow_actions a:first-child {
	background-color: #F7CD36;
}

.congressNow_actions a:hover { 
	color: #fff; 
	box-shadow: 2px 2px 4px rgba(0,0,0,.5)
}

@media only screen and (min-width: 600px) {
	.congressNow_title {
		max-width: 360px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 800px) {
	.congressNow_title {
		max-width: 420px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 1024px) {
	.congressNow_title {
		max-width: 480px;
		margin: 0 auto;
	}
	.congressNow {
		min-height: 33vw;
	}
	.congressNow_inset {
		width: 75%;
		max-width: 1140px;
	}
	.congressNow_btn { 
		font-size: 1.2em;
	}
}


.congressNowCompact {
	background-image:url('/img/lasa2020-bg-pattern-2560.jpg');
	background-size: cover;
	background-position: center top;
	padding: 2em;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.congressNowCompact_inset {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	max-width: 1280px;
	margin: 0 auto;
}

.congressNowCompact_actions {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

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

	.congressNowCompact_inset {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: calc(100% - 40px);
		max-width: 1220px;
	}

	.congressNowCompact_actions {
		margin:0 0 0 120px;
	}

}


/* home congress promo */

.homeCongress {
	background: #fff;
}

.homeCongress-inset {
	max-width: 1280px;
	margin: 0 auto;
}

.homeCongress a {
	display: block;
	text-decoration: none;
	line-height: 1.4;
	font-size: 1em;
}

.homeCongress-content {
	padding: 30px;
}
		
.homeCongress-title {
	font-weight: 600;
	font-size: 1.6em;
	color: #7D004A;
}

.homeCongress-subtitle {
	font-weight: 600;
	font-size: 1.3em;
	color: #7D004A;
	margin-bottom: .5em;
}

.homeCongress-subtitle2 {
	font-weight: 600;
	font-size: 1em;
	color: #420027;
	margin-bottom: .5em;
}


.homeCongress-text {
	font-size: 1em;
	color: #333;
}

	.homeCongress-inset a:hover img {
		box-shadow: 4px 4px 7px rgba(0,0,0,.5);
	}

	.homeCongress-inset a:hover .homeCongress-title,
	.homeCongress-inset a:hover .homeCongress-subtitle {
		color: #420027;
	}

@media only screen and (min-width: 720px) {
	
	.homeCongress-inset a {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		padding: 30px;
		max-width: none;
		font-size: .9em;
	}

	.homeCongress-graphic {
		width: 45%;
	}
	.homeCongress-content {
		width: 55%;
		padding: 0 20px;
	}
	.homeCongress-inset img {
		transition: all .2s ease;
	}
	

}

@media only screen and (min-width: 960px) {
	.homeCongress-inset a {
		padding: 30px;
		font-size: .95em;
	}

	.homeCongress-graphic {
		width: 50%;
	}
	.homeCongress-content {
		width: 50%;
		padding: 0 30px;
	}
}

@media only screen and (min-width: 1120px) {
	.homeCongress-inset a {
		padding: 40px;
		font-size: 1em;
	}
	.homeCongress-graphic {
	}
	.homeCongress-content {
		padding: 0 40px;
	}
}

@media only screen and (min-width: 1240px) {
	.homeCongress-inset a {
		font-size: 1.1em;
	}
}



.home-feature {
	background-color: #555;
	}

.home-feature-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 70vh;
	min-height: 300px; 
	max-height: 450px;
	display: flex;
}

.home-feature-item-inset {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto auto;
	padding: 15px;
}

.home-feature-item-content {
	color: #fff;
}

.home-feature-item-content a {
	display: block;
	text-decoration: none;
	background-color: rgba(125,7,74,.75);
	padding: 45px 15px 30px;
	color: #fff;
	border-radius: 2px;
	transition: background-color .3s ease-out;
	border-radius: 4px;
	box-shadow: 2px 2px 3px rgba(0,0,0,.3);
	}
	
	.home-feature-item-content a:hover { background-color: rgba(125,7,74,.9); }
	
	.home-feature-item-title {
		font-size: 2.2em;
		line-height: 1.3;
		font-weight: 300;
		margin: 0 0 .2em;
		text-transform: uppercase;
	}

	.home-feature-item-subhead {
		font-size: 1.3em;
		line-height: 1.3;
		font-weight: 700;
		margin: 0 0 .8em;
	}

	.home-feature-item-text {
		font-size: 1.2em;
		margin: 0;
	}
	
	.home-feature-item-congress-title {
		font-size: 3.2em;
		
	}
	
	.home-feature-item-congress-title span {
		opacity: .6;
		}

	.home-feature-item-congress-details {
		text-transform: uppercase;
		font-size: 1em;
		letter-spacing: .06em;
	}
	
	.home-feature-item-congress-theme {
		color: #f5cc48;
		font-weight: 500;
		margin-top: 1em;
		font-size: 1.5em;
	}
	
	@media only screen and (min-width: 720px) {
		.home-feature-item-inset { 
			padding: 15px; 
			margin: auto;
			}
		.home-feature-item { 
			height: 60vh; 
			max-height:none;
		}
		.home-feature-item-content {
			border-color: pink;
			max-width: 50%;
			margin-right:auto;
		}
		.home-feature-item-content a { padding:50px 30px 30px; }
	}
	
	@media only screen and (min-width: 1280px) {
		.home-feature-item-inset { 
			padding: 21px; 
		}
		.home-feature-item-content {
		}
	}
	



.home-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap; 
	justify-content: center; 
	max-width: 1120px;
}

.home-icons .icon {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 320px;
	        flex: 1 0 320px;
	max-width:33.3333%;
	text-align: center;
}

.home-icons .icon a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px;
	transition: color .2s ease, transform .2s ease;
	color: rgba(255,255,255,.7);
	font-size: .9em;
}

.home-icons .icon a:hover {
	color: #fff;
	transform: scale(1.03);
}

.home-icons .icon img {
	max-width: 60px;
	margin: 0 auto 21px;
	opacity: .7;
	transition: opacity .2s ease;
}

.home-icons .icon a:hover img {
	opacity: 1;
}

@media only screen and (min-width: 720px) {
	.home-icons .icon {
		max-width: 16.6666%;
	}
	.home-icons .icon img {
		max-width: 72px;
		}
}


.home-primary-content .content-block {
	background-color: #fff;
	padding: 21px;
	font-size: 1.3em;
	font-weight: 300;
}

.home-primary-content .content-block > *:first-child {
	margin-top: 0;
	padding-top:0;
}
.home-primary-content .content-block > *:last-child {
	margin-bottom: 0;
	padding-bottom:0;
}


@media only screen and (min-width: 1280px) {
	.home-primary-content .content-block {
		max-width: 1240px;
		margin: 0 auto;
		padding: 45px 0;
		}
}




@media only screen and (min-width: 720px) {
	.video-wrap {
		display: flex;
		align-items: center;	
		justify-content: space-between;
		margin: 0 50px;
	}
	.video {
		width: 60%;
		margin: 0;
	}
	.video-content {
		width: 38%;
		margin-bottom: 10%;
	}
}


/* sections-listing */

.sections-listing{
	margin: 0 0 1em;
}

.sections-listing .section-card {
}

.section-card-title {
	}
	
.section-card-content {
	overflow: auto;
}

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

.section-card-content .left-col {
	float: left;
	width: 55%;
}
.section-card-content .right-col {
	float: right;
	width: 40%;
}

}

	.right-col > *:first-child { margin-top:0;padding-top:0;}



/* show-hide-toggle */

.show-hide-trigger {
	border: solid 2px #ededed;
	padding: 15px;
	margin: 9px 0 0;
}

.show-hide-content {
	border: solid 2px #ededed;
	border-top: none;
	padding: 0 15px 15px;
}

.show-hide-content > *:first-child {
	margin-top:0;
	border-top: dashed 1px #ededed;
	padding-top: 10px;
}


.show-hide-trigger::after {
	content: "\2002\00bb";
}

.show-hide-trigger.active::after {
	content: "\2002\00ab";
}

.show-hide-trigger:hover { cursor: pointer; }

.invisible { 
	display: none;
	opacity: 0; 
	transition: opacity .5s ease;
	}

.visible { display: block;opacity: 1; }


.show-hide-trigger.active {
	margin-bottom:0;
	border-bottom:none;
}




/* people layotus with photos */


.person-group {
	margin: 0 -.5em;
	display: flex;
	flex-wrap: wrap;
}

.person {
	width: calc(50% - 1em);
	margin: 0 .5em 2em;
	overflow: auto;
}

@media only screen and (min-width: 850px) { 
	.person-group {
		margin: 0 -.75em;
		}
	.person {
		width: calc(33.3333% - 1.5em);
		margin: 0 .75em 2em;
	}
}

.person-text {
	line-height: 1.3;
}

.person-photo {
	margin-bottom: .75em;
}

.person-title {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: .8em;
	color: #711849;
	margin-bottom: .75em;
}

.person-name {
	font-weight: 700;
	margin-top: .25em;
}

.person-affiliation {
	margin-top: .25em;
}

.person-years {
	margin-top: .25em;
}


.person-photo-wrap {
	overflow: auto;
}

.person-photo-wrap img {
	float: right;
	max-width: 20%;
	height: auto;
	margin: 0 0 .5em .5em;
}

.person-photo-wrap-2 {
    overflow: auto;
    margin: 1em 0em 1em 0em;
}

    .person-photo-wrap-2 img {
        float: left;
        max-width: 20%;
        margin-right: 1em;
    }

    .person-photo-wrap-2 p {
        clear: both;
    }



/*past featured photos:*/

.photoGallery {
	display: flex;
	flex-direction: column;
}

.photo {
	background-color: #fff;
	margin-bottom: 20px;
}

.photo_info {
	padding: 20px;
}

.photo_text {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #efefef;
}

.photo_img {
}

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

	.photoGallery {
	}

	.photo {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		padding: 0;
		margin-bottom: 30px;
	}

	.photo_info {
		flex: 1;
		padding: 30px;
		font-size: .9em;
	}

	.photo_img {
		flex: 3;
		margin-top:0;
	}

}

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

	.photo_info {
		padding: 45px 30px;
		font-size: 1em;
	}

}



blockquote {
	padding: 0 0 0 30px;
	border-left: solid 10px #7c074a;
	margin: 1.5em 0;
	font-size: 1.1em;
	color: #7c074a;
}

.pullquote-text {
	font-family: 400;
	font-size: 1.2em;
}

.pullquote-author {
	font-size: .8em;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: .05em;
}


/* image and photo styles */

	.withBorder {
		border: solid 1px #ededed;
		}
	
	.floatRight {
		margin: 0 0 1em 1em;
		}

	.floatLeft {
		margin: 0 1em 1em 0;
		}

	@media only screen and (min-width: 540px) {
	.floatRight {
		float: right;
		max-width: 33%;
		padding-top:6px;
		}

	.floatLeft {
		float: left;
		max-width: 33%;
		padding-top:6px;
		}
		
		.withBorder {
			border-width:2px;
			}
		}
			
		@media only screen and (min-width: 720px) {
			.floatRight, .floatLeft { max-width: 40%; }
			}





/* Clearfix ---------------------------------- */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/* for embedded media */


main .flexObject {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

main .flexObject iframe,   
main .flexObject object,  
main .flexObject embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* DEBUGIN */

/*

.content {
	border-top: 1px solid blue;
	border-bottom: 1px solid red;
}

a[href="#"], 
a[href=""], 
[href*="document//"],
[href*="research//"],
[href*="/pages/"],
{ 
	background-color: yellow !IMPORTANT; 
}

*/