/*-----------------------------------------------------------------------------------
    CSS INDEX
    ===================
    
    1. Theme Default CSS (body, link color, section etc)
    	1.1. Back to top button
    2. Header Area CSS
    3. Footer Area CSS
    4. Index Content
    5. Quem Somos Content
    6. Agenda Content
    7. Contato Content
    
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

body {
    background-image: url("../images/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

body, input, select, textarea, a {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16pt;
    color: #555;
}

a, button {
    transition: all .3s ease-in-out 0s;
        -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
                -ms-transition: all .3s ease-in-out 0s;
                    -o-transition: all .3s ease-in-out 0s;
}

a:hover {
	text-decoration: none;
}

#wrapper {
	width: 48em;
    max-width: calc(100% - 4em);
    margin: 20px auto;
	border-top: 6px solid #5AA1E3;
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.40);
}

#page-content {
	background-color: #fff;
}

.section {
	margin: 40px 25px;
	line-height: 26pt;
}

.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6 {
	text-align: center;
	margin-bottom: 40px;
	font-weight: 600;
}

.list-unstyled {
	list-style: none !important;
}

.section ul {
	padding-left: 20px;
	list-style: square;
}

blockquote footer {
	font-size: 11pt;
}

.text-ident {
	text-align: justify;
	text-indent: 4em;
}

/*----------------------------------------*/
/*  1.1.  Back to top button
/*----------------------------------------*/

#toTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #fff;
	color: #5AA1E3;
	border-radius: 0;
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.40);
	transition: background-color .3s, color .3s ease-in-out 0s;
        -webkit-transition: background-color .3s, color .3s ease-in-out 0s;
            -moz-transition: background-color .3s, color .3s ease-in-out 0s;
                -ms-transition: background-color .3s, color .3s ease-in-out 0s;
                    -o-transition: background-color .3s, color .3s ease-in-out 0s;
}

#toTop:hover {
	background-color: #337ab7;
	color: #fff;
}

/*----------------------------------------*/
/*  2.  Header Area CSS
/*----------------------------------------*/

.navbar-header button {
	background: #337ab7;
}

.icon-bar{
	background: #fff;
}

@media (min-width: 768px) {
	.menu-header {
		border-bottom: 1px solid rgb(233, 233, 233);
	}
}

@media (max-width: 768px) {
	.site-navigation, .site-navigation li {
		border: 1px solid rgb(233, 233, 233) !important;
	}
}

#header-content {
	padding-top: 35px;
	text-align: center;
}

.site-logo {
	display: inline-flex;
	vertical-align: middle;
	max-width: 75px;
}

@media (min-width: 992px) {
	.site-name {
		display: inline-flex;
		margin-left: 10px;
	}
}

.site-name h2 {
	font-family: 'Carmina Md BT';
	font-style: italic;
}

.site-navigation {
	margin: 15px 0;
	text-align: center;
	border: 0;
}

@media (min-width: 768px) {
	.menu {
		display: inline-flex;
	}
}

.menu li.active a,
.menu li.active a:hover,
.menu li a:hover {
	background: none;
	color: #5AA1E3;
}

/*----------------------------------------*/
/*  3.  Footer Area CSS
/*----------------------------------------*/

.footer-container {
	display: inline-flex !important;
	width: 100%;
	background-color: #083766;
	border-bottom: 6px solid #5AA1E3;
	padding: 10px;
}

@media (max-width: 768px) {
	.footer-container {
		display: block !important;
	}
}

.footer-column {
	float: none;
}

.footer-container, .footer-container a {
	color: #aaa;
	font-size: 14pt;
}

.footer-container a:hover {
	color: #fff;
	text-decoration: none;
}

.footer-container header {
	border-bottom: 1px solid #555;
	margin-bottom: 10px;
	color: #fff;
}

.footer-container ul {
	margin: 0;
}

.footer-container li {
	padding: 10px 0;
}

.footer-container li:not(:last-child) {
	margin-bottom: 5px;
	border-bottom: 1px solid #555;
}

.footer-copy {
	text-align: center;
	padding: 20px 0;
	font-size: 11pt;
}

/*----------------------------------------*/
/*  4.  Index Content
/*----------------------------------------*/

.owl-carousel img {
    max-height: 500px;
    height: auto;
}

.contextual-bg {
	text-align: center;
	padding: 40px 0;
	margin: 40px 0;
}

/*----------------------------------------*/
/*  5.  Quem Somos Content
/*----------------------------------------*/

@media (min-width: 768px) {
	.quem-somos-section {
		display: inline-flex;
	}

	.quem-somos-section-img {
		width: 35%;
	}

	.quem-somos-section-img img {
		position: relative;
		top: 50%;
		margin-top: -99.84px;
		box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
	}

	.quem-somos-section-txt {
		width: 65%;
	}

	.quem-somos-section-txt h3 {
		text-align: left;
	}

	.section-right {
		margin-left: 20px;
	}
}

.quem-somos-section-txt p {
	text-align: justify;
	font-size: 14pt;
}

/*----------------------------------------*/
/*  6.  Agenda Content
/*----------------------------------------*/

table {
	margin: 0 !important;
	border: 3px solid #337ab7;
}

th, td {
	border: 2px solid #337ab7 !important;
	vertical-align: middle !important;
}

th {
	background-color: #337ab7;
	color: #fff;
	font-weight: 300;
}

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #d9edf7;
}

@media (max-width: 768px) {
	.contextual-bg {
		padding: 15px;
	}
}

/*----------------------------------------*/
/*  7.  Contato Content
/*----------------------------------------*/

.danger {
	color: #d9534f;
}

form {
	margin-top: 20px;
}

textarea {
    resize: vertical;
}

.g-recaptcha {
	margin-bottom: 20px;
}

input,
textarea,
#contact-button {
	border-radius: 0 !important;
	font-size: 16pt !important;
	padding: 7.5px 40px;
}

#contact-button:hover {
	background-color: #083766;
}