/*
*    Author: Rogerio Ribeiro
*    Author URL: https://r-ribeiro94.github.io
*
*    Main styling for the index.html
*/

/******************** 
	Importing Fonts	
*********************/
@font-face {
  font-family: mute-fruit;
  src: url(fonts/MUTEFRUIT.ttf);
}

/*********
	HTML
**********/
h1, h3 {
	font-family: 'Merriweather', serif !important;
}

p {
	font-family: 'Montserrat', sans-serif !important;
}

/****************************************
	Main, Side and Hidden Navbar
*****************************************/
.hidden.menu {
	display: none;
}

.landing-image {
    background-image: url('../assets/images/dub_performance_banner_cropped.jpg') !important;
    background-size: cover !important;
    background-position: 100% 100% !important;
}

.masthead.segment {
	min-height: 500px;
	padding: 1em 0em;
}
.masthead .logo.item img {
	margin-right: 1em;
}
.masthead .ui.menu .ui.button {
	margin-left: 0.5em;
}
.masthead h1.ui.header {
	margin-top: 3em;
	margin-bottom: 0em;
	font-size: 4em;
	font-weight: normal;
}
.masthead h2 {
	font-size: 1.7em;
	font-weight: normal;
}

.sidebar.icon {
	color: white;
}

.secondary.menu .right.menu .toc.item,
.fixed.menu .right.menu .toc.item {
	display: none;
}

/*********************
	Services Section
**********************/
.services.segment {
	min-height: 550px;
	padding: 5em 0em;
}

.services h1.ui.header {
	font-size: 42px !important;
	margin-top: 1% !important;
	margin-bottom: 7.5% !important; 
}

.services .ui.container {
	margin-top: 5%;
}

i {
	font-size: 86px;
	color: #1565C0;
}

.fa-check-square:hover:before {	
	content: "\f00c";
	color: #2E7D32;
}

/********************* 
	AboutUs Section
**********************/
.ui.vertical.stripe {
  padding: 8em 0em;
}

.ui.vertical.stripe h3 {
  font-size: 2em;
}

.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.33em;
}

.center-text {
	text-align: center !important;
}

/********************* 
	Partners Section
**********************/
#partners-header {
	color: white;
	font-size: 56px;
}

/********************** 
	ContactUs Section
***********************/
.contact-us.segment {
	min-height: 550px;
	padding: 0;
}

.contact-info {
	color: #1565C0;
	font-size: 16px;
	font-weight: bold;
}

a.contact-info:hover {
	text-decoration: underline;
	color: lightblue;
}

/******************** 
	Footer Section
*********************/
.footer.segment {
	min-height: 175px;
	background-color: #505659 !important;
}

.footer.segment div h4 {
	font-size: 24px;
	margin-top: 1% !important;
}

.social-icons {
	font-size: 48px;
	background-color: #3A3F41;
	box-shadow: 0 0 #3A3F41 !important;
}

a#fb i,
a#ig i {
	color: white;
}

a#fb i:hover {
	color: #3B5998;
}

a#ig i:hover{
	color: #e4405f;
}

#copyright {
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin-bottom: -1.5%;
}

/******************* 
	Media Queries
********************/
@media only screen and (max-width: 700px) {
	.secondary.menu .right.menu .item,
	.fixed.menu .right.menu .item,
	.header_logo {
		display: none !important;
	}
	.secondary.menu .right.menu .toc.item,
	.fixed.menu .right.menu .toc.item {
		display: block !important;
	}
	.masthead.segment {
		min-height: 350px;
	}
	.masthead h1.ui.header {
		font-size: 2em;
		margin-top: 1.5em;
	}
	.masthead h2 {
		margin-top: 0.5em;
		font-size: 1.5em;
	}
}