@charset "UTF-8";

/* +++++++++++++++++++++++++++++++ */
/* --- Template by Marÿon Tosi --- */
/* +++++++++++++++++++++++++++++++ */

body {
	color:white;
	display: flex;
	flex-direction: column;
background-color: #ff9d00;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(308,720,390)'%3E%3Cstop offset='0' stop-color='%23ff9d00'/%3E%3Cstop offset='1' stop-color='%23ff690f'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.15'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
	font-family: Arial;
}

header {
	display: flex;
	align-items:center;
}

main {
	display: flex;
	flex-direction: column;
}

section#main-content {
	display: flex;
	flex-direction:row;
}

article#joomla-component {
	align-content: center;
}

article#custom-article {
	flex-shrink: 0;
	flex-grow: 1;
}

aside {
	overflow: hidden;
	max-width: 300px;
	height: 95vh;
}

h1 {
	letter-spacing: 15px;
	text-transform: uppercase;
	font-weight: 100;
	margin-left: 5px;
	font-size: 30px;
}

h2 {
	letter-spacing: 15px;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 25px;
}

a {
	color:#fff;
	text-decoration: none;
}

footer {
	margin-top:40px;
	text-align: center;
	color: white;
}

/**
 * MENUS
 */
 
.joomla-nav li {
	list-style: none;
	float:left;
	line-height: 14px;
	letter-spacing: 4px;
	transition: letter-spacing 0.5s ease;
}

.joomla-nav li:hover {
	list-style: none;
	float:left;
	line-height: 14px;
	letter-spacing: 10px;
	transition: letter-spacing 0.5s ease;
}

.joomla-nav li:not(:last-child)::after {
	content: " |";
	margin-right: 15px;
}

#header-nav {
	font-size: 14px;
	text-transform: uppercase;
}

#www-shapes > p {
	background-color: rgba(255, 255, 255, 0.2);
	transition: all 0.5s ease;
}

#www-shapes > p:hover {
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.5s ease;
}

.double-u {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
	line-height: 70px;
	text-align: center;
	
	float:left;
	position: relative;
} 

#who {
	left: 46px;
}

#why {
	left: -46px;
}

/**
 * EMPTY CONTENT
 */

 .empty-content-text {
 	text-align: center;
	margin: auto;
	font-family: Arial;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding:20px;
 }

 .empty-content {
 	text-align: center;
 	height: 338px;
 	width: 600px;
 	background: url('../images/empty-content.gif') 50% no-repeat;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/** 
 * HEADER
 */

.big-white-logo {
	width:200px;
	transition: opacity 0.5s ease;
}

.big-white-logo:hover{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    transition: opacity 0.5s ease;
}

.moduletable-top-sentence {
	text-align: center;
}

.big-text {
	font-size: 20px;
	letter-spacing: 4px;
	transition: all ease 1s;
}

.moduletable-top-sentence > .big-text:hover {
	letter-spacing: 2px;
}

/** 
 * CATEGORIES
 */

article .category-list {
	display: none;
}

/**
 * MAPS
 */

#mapid {
	height: 250px;
	width: 267px;
	margin-bottom: 10px;
}

/**
 * EMM GALLERY MODULE
 */

.pages {
	display: flex;
	flex-direction: row;
	height: 95vh;
    width: 80vw;
    overflow: scroll;
}

img.mod_emm_gallery_image {
    height: 95vh; /* For 100% screen height */
    margin:0 5px;
}

.pages .dot {
	opacity: 0.5;
	display: inline-block;
	position: fixed;
	right: 20px;
	top: 50%;
	cursor: pointer;
}

/**
 * EMM TILES MODULE
 */

.tiles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100vw;
}

 img.mod_emm_tiles_image {
 	transition: opacity 0.3s ease;
 }

img.mod_emm_tiles_image:hover {
 	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.wrapper {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 10px 10px 20px 10px;
}

.wrapper img {
    display: block;
}

.wrapper .corner-link-new {
    position: absolute;
    font-size: 30px;
	margin:0;
	left: 10px;
	top:10px;
    color: #ffffff;
}

.wrapper .corner-link {
    opacity: 0;
    position: absolute;
    font-size: 17px;
	margin:0;
	left: 0;
	right: 0;
	bottom:10px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    letter-spacing: 4px;
}

.wrapper:hover .corner-link {
    opacity: 1;
    letter-spacing: 7px;
}

/**
 * SEARCH
 */

input#search-searchword,
input#mod-search-searchword {
	border:none;
	border-radius: 10px;
	padding: 8px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	line-height: 15px;
}

input#search-searchword {
	width: 180px;
}

input#mod-search-searchword {
	width: 150px;	
}

article > .search {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100vw;
}

.search #searchForm fieldset {
	border:0;
}

.search fieldset.word > label,
.search #searchForm .form-limit,
.search .search-results .result-category,
.search #searchForm .only,
.search #searchForm .phrases {
	display: none;
}

.moduletable-search .search-search input.button-search,
.search fieldset.word > button {
	border: none;
	border-radius: 10px;
	padding: 8px;
	background-color: rgba(255, 255, 255, 1);
	font-size: 15px;
	cursor: pointer;
	line-height: 15px;
}

.moduletable-search .search-search input.button-search {
	margin-left: 5px;
	display: inline-block;
}

.moduletable-search {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	margin-left:40px;
}

.search .searchintro > p {
	text-align: center;
	font-weight: 100;

	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;

	color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;

	font-size: 13px;	
}

.search > .error {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;

	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.result-title {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;

	text-align: center;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-size: 25px;
	font-weight: 100;

	background-color: #fefefe;
	border-color: #fdfdfe;
}

.result-title a {
	color: #818182;	
}	


/**
 * COMMENTS
 */

article .item-page #disqus_thread {
	display: none;
}

#disqus_thread {
	margin-top:0;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #FAA321;
}

.publisher-anchor-color > a {
    color: #FAA321 !important;
}

#moduletable-comments,
#disqus_thread {
	width: 250px;
}

.moduletable-comments {
	overflow: scroll;
	height: 95vh;
	margin-right: 5px;
}

/**
 * ARTICLES
 */
article#joomla-component > .item-page {
 	margin: 0 auto;
 }

 .item-page > #what-what-what > #whynot,
.item-page > #what-what-what > #isaywhat {
	padding: 10px;
}

.item-page > #what-what-what > #whynot,
.item-page > #what-what-what >#isaywhat,
.item-page > #what-what-what >#bios {
 	display: flex;
 	flex-direction:column;
 }

 .item-page > #what-what-what > #bios {
 	padding: 10px 0;
 }

.item-page > #what-what-what {
	padding: 10px;
	margin: 20px 0;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: rgba(255, 255, 255, 0.3) 0 0 15px;
}

.item-page > #what-what-what > #bios > .full-bio {
	display: flex;
 	flex-direction:row;
 	align-items: center;
 	justify-content: center;
 	margin: 10px 0;
 	padding: 10px;
}

.item-page > #what-what-what > #bios > .full-bio > .bio {
	max-width: 50%;
}

.gus-images {
 	width:40%;
 	max-width:220px;
 	margin:0 20px;
 	border-radius: 50%;
 }

/**
 * COUNTDOWN
 */

#countdown {
	text-align: center;
	margin: 20px 0;
    padding: 10px;
}

#countdown > p,
#countdown > #final-countdown {
	width: 400px;
    margin: auto;
    background-color: rgba(33, 37, 41, 0.5);
	padding: 10px;
}

#countdown > #final-countdown {
	font-size: 20px;
}

/**
 * MESSAGES
 */

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}