/*
Theme Name:  ACTrans
Author:  Prefácio Comunicação
Author URI:  http://www.prefacio.com.br/
Version:  1.0
*/

/* GLOBAL STYLES*/
html,body { height: 100%;}
body { font-family: 'Open Sans', sans-serif; overflow-y: scroll; }
body#home { background: #fff; }
h1 { margin: 0; }
a { color: #ba2126; }
a, a:hover, a:focus, a:active { color: #000; outline-style: none; transition: all 0.4s; text-decoration: none; }
p { font-size: 1.1em; margin-bottom: 10px; }
td { font-size: 1.1em; }
ul { margin: 0; padding: 0; }
hr { border-color: #d0d2d3; }
/* HEADER */
header { background: #fff; }
header a#brand { background: url(assets/images/logo.png) no-repeat; }
/* NAVIGATION */
#menu-principal .menu li a, #menu-page a { color: #000; font-weight: bold; padding: 15px; }
#menu-principal .menu li.current-menu-item a, #menu-principal .menu li.current-menu-parent a, #post .category { color: #000 !important; text-decoration: underline; text-decoration-color: #ba2126; text-transform: uppercase; }
#menu-page li, #menu-page a { display: inline-block; }
#menu-page a { text-transform: uppercase; }
/*TABS*/
#page .nav-tabs { border: 0 none; }
#page .nav-tabs > li { display: inline-block; float: none; margin: 0; }
#page .nav-tabs > li a { background: transparent; border: 0 none; box-shadow: none; color: #999; font-size: 1.1em; font-weight: bold; margin: 0 ; padding: 10px !important; text-transform: uppercase; }
#page .nav-tabs > li a::active, #page .nav-tabs > li a::focus, #page .nav-tabs > li a::hover { background: transparent; border: 0 none; margin: 0; }
#page .nav-tabs > li.active a { border: 0 none; color: #000; text-decoration: underline; text-decoration-color: #ba2126; }
/* BANNER */
#slides { background: #f5f5f5; }
#slides img.wp-post-image { left: 50%; max-width: none; position: relative; transform: translate(-50%,0)}
#slides h2 { font-size: 2.7em; font-weight: bold; }
#slides p { font-size: 1.5em; line-height: 2em; }
/**/
.carousel-caption { bottom: 10vh; color: #000; padding: 20px 12vw; text-shadow: none; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .next.left, .carousel-fade .prev.right, .carousel-fade .item.active { opacity: 1; }
.carousel-fade .active.left, .carousel-fade .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-indicators .active { background: #ba2126; border-color: #ba2126; }
/* pagination */ 
.navigation { margin: 30px 0; text-align: center; }
.navigation li { display: inline-block; }
.navigation a, .navigation span { border-radius: 50%; display: inline-block; padding: 5px 10px; }
.navigation .current { background: #ba2126; color: #fff; }
.wp-paginate { padding: 0; }
/* PAGE */
#internal-banner h1 { color: #ba2126; font-weight: bold; }
#page { min-height: 40vh; }
#page h2, #post h2 { font-weight: bold; }
#diretoria h3 { color: #ba2126; font-size: 1.2em; font-weight: bold; }
#post h2 a, #post a { color: #000; }
#post h2 a:hover, #post a:hover { color: #ba2126; }
#post p img { width: 100%;  }
.gallery-item img { border: 0 none !important; }
.posts-restricted figure { max-height: 230px; overflow: hidden; }  
.posts-restricted h2, .posts-restricted h3 { font-weight: bold; }
.posts-restricted h2 { font-size: 2.2em; }  
.posts-restricted h3 { font-size: 1.5em; }  
.box > div { min-height: 150px; }
/*FORM*/  
::placeholder { color: #555 !important; }
:-ms-input-placeholder { color: #555 !important; }
::-ms-input-placeholder { color: #555 !important; }
/* FOOTER */
footer { background: #a5a5a5; color: #fff; padding: 50px 0 0; }
footer ul { list-style: none; }
footer h4 { font-size: 12pt; font-weight: bold; text-transform: uppercase; }
footer p { font-size: 11pt; margin: 0; }
footer .menu a { color: #fff; font-size: 11pt; text-transform: uppercase; }
footer address { border-top: 1px solid #fff; padding-top: 10px; }
footer address a, footer address a:hover { color: #fff; font-weight: bold; }
#social-link ul li { display: inline-block; margin-right: 5px; }
/*SCROLL BOTTOM*/ 
.scroll-bottom { top: 30%; height: 50px; left: 50%; margin-left: -25px; position: absolute; width: 50px; z-index: 1049; } 
.scroll-bottom .btn { border-radius: 100% !important; font-size: 20px; height: 40px; line-height: 28px; padding: 5px !important; width: 40px; } 
.scroll-bottom .btn:focus , header .btn:focus { outline: 0; }
/* CLASSES */
.block { display: block; } 
.btn { border-radius: 5px; font-weight: bold; }
.pointer { cursor: pointer; }
.form-control { box-shadow: none; margin-bottom: 10px; }
.img-responsive { width: 100%; }
.inline-block { display: inline-block; }
.text-indent { text-indent: -9999999px; }
/*COLORS*/
.bg-gray { background-color: #f5f5f5; }
.bg-light { background-color: #fff; }
.text-primary { color: #ba2126; }
/*BORDER*/
.b { border: 1px solid #d0d2d3 !important; }
.bb { border-bottom: 1px solid #d0d2d3 !important; }
.bt { border-top: 1px solid #d0d2d3 !important; }
.bl { border-left: 1px solid #d0d2d3 !important; }
/* BORDER RADIUS */
.br { border-radius: 5px; }
/*BUTTONS*/
.btn-default { background: transparent !important; border: 2px solid #72a2d0; color: #fff; font-size: 18pt; padding: 3px 50px; }
.btn-default:active, .btn-default:focus, .btn-default:hover { border-color: #638ab0; color: #72a2d0; }
.btn-primary { background-color: #ba2126; border: 0 none; color: #fff !important; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #760e12 !important; color: #fff; }
/*SIZES*/
.h-50 { height: 50% !important; }
.h-100 { height: 100% !important; }
.h-40px { height: 40px; }
.h-45px { height: 45px; }
.w-auto { width: auto !important; }
.w-50 { width: 50% !important; }
.w-100 { width: 100% !important; }
/*MARGINS*/
.m { margin: 15px !important; }
.mb { margin-bottom: 15px !important; }
.mt { margin-top: 15px !important; }
.ml { margin-left: 15px !important; }
.mr { margin-right: 15px !important; }
.ma { margin: auto; }
/**/
.m2x { margin: 30px !important; }
.mb2x { margin-bottom: 30px !important; }
.mt2x { margin-top: 30px !important; }
.ml2x { margin-left: 30px !important; }
.mr2x { margin-right: 30px !important; }
/**/
.n-m { margin: 0 !important; }
.n-mb { margin-bottom: 0 !important; }
.n-mt { margin-top: 0 !important; }
.n-ml { margin-left: 0 !important; }
.n-mr { margin-right: 0 !important; }
/*PADDING*/
.p { padding: 15px !important; }
.pb { padding-bottom: 15px !important; }
.pt { padding-top: 15px !important; }
.pl { padding-left: 15px !important; }
.pr { padding-right: 15px !important; }
/**/
.p2x { padding: 30px !important; }
.pb2x { padding-bottom: 30px !important; }
.pt2x { padding-top: 30px !important; }
.pl2x { padding-left: 30px !important; }
.pr2x { padding-right: 30px !important; }
/**/
.p4x { padding: 60px !important; }
.pb4x { padding-bottom: 60px !important; }
.pt4x { padding-top: 60px !important; }
.pl4x { padding-left: 60px !important; }
.pr4x { padding-right: 60px !important; }
/**/
.n-p { padding: 0 !important; }
.n-pb { padding-bottom: 0 !important; }
.n-pt { padding-top: 0 !important; }
.n-pl { padding-left: 0 !important; }
.n-pr { padding-right: 0 !important; }
/*OPACITY*/
.opacity-20 { opacity: 0.2; }
.opacity-50 { opacity: 0.5; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
/*POSITION*/
.p-absolute { position: absolute !important; }
.p-fixed { position: fixed !important; }
.p-inherit { position: inherit !important; }
.p-relative { position: relative !important; }
/*TEXT*/
.text-light { color: #fff !important; }
.text-dark { color: #333 !important; }
.text-default { color: #95acb7; }
.text-warning { color: #FFC00E; }
.text-big { font-size: 1.3em !important; }
.text-normal { font-size: 1em !important; }
.text-small { font-size: 0.8em !important; }
.text-shadow { -webkit-text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.53); text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.53); }
.text-underline { text-decoration: underline; }
/*VERTICAL ALIGN*/
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.vm { vertical-align: middle; }
/* MEDIA QUERIES */
@media(max-width:768px) {
	.desktop { display: none; }
	header a#brand { background-position: center; background-size: 50%; height: 60px; width: 100% }
	.navbar-toggle { left: 10px; margin: 0; top: 15px; }
	.icon-bar { background: #ba2126; }
	#restricted { position: absolute; right: 0; top: 0; }
	.navbar-collapse { border-bottom: 1px solid #ddd; float: none !important; }
	#menu-principal .menu li, #menu-principal .menu a { display: block; }
	#menu-principal .menu a { background-color: #f5f5f5; background-position: 20px; background-repeat: no-repeat; font-weight: bold; padding-left: 50px !important; }
	#menu-principal .menu li.ico-01 a { background-image: url(assets/images/home.png); }
	#menu-principal .menu li.ico-02 a { background-image: url(assets/images/actrans.png); }
	#menu-principal .menu li.ico-03 a { background-image: url(assets/images/associados.png); }
	#menu-principal .menu li.ico-04 a { background-image: url(assets/images/noticias.png); }
	#menu-principal .menu li.ico-05 a { background-image: url(assets/images/local.png); }
	#menu-principal .menu li.ico-06 a { background-image: url(assets/images/emprego.png); }
	#menu-principal .menu li.ico-07 a { background-image: url(assets/images/contato.png); }
	#menu-page { margin: 0 -15px; } 
	#menu-page a { font-size: 0.80em; padding: 2em 0.5em }
	#page .nav-tabs { margin: 0 -30px; }
	#page .nav-tabs > li a { font-size: 0.8em; }
	#banner-mobile { overflow: hidden; }
	#banner-mobile .thumb img { height: 450px; left: 50%; max-width: none; position: relative; transform: translate(-50%,0); }
	#banner-mobile .resume { bottom: 0vh;  }
	#banner-mobile h2 { font-size: 1.5em; font-weight: bold; }
	#banner-mobile p { font-size: 1em; line-height: 2em; }
	#banner-mobile .resume img { max-width: 60%; }
	#article { padding: 0; }
	#page figure, #post figure { margin: 0 -15px; }
	#historia table tr td div { padding: 0 !important; } 
	#historia table tr td img { width: 85px }
	.gallery-item img { height: auto; width: 95%; }
	#post h2 { font-size: 1.2em; }
	.posts { padding: 0 !important; }
	#internal-banner { padding: 20px 0 !important; }
	#internal-banner h1 { font-size: 1.5em; }
	#page h2, #post h2 { font-size: 1.5em; margin: 10px 0 !important; }
	.buttons .btn { margin-top: 10px; width: 100%; }
	.border-red::before { background: #ba2126; content: ""; display: block; height: 3px; margin: auto; position: relative; top: -31px; width: 90%; }  
	footer { padding: 20px 0; }
	footer li { display: inline-block; }
	footer a { color: #fff; }
	footer address { margin: 0; padding-top: 15px; }
}
@media(min-width:768px) {
	
	header a#brand { background-position: 15px center; height: 90px; width: 250px; }
	#menu-principal { box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); height: 55px; position: relative; z-index: 100; }
	#menu-principal .menu li, #menu-principal .menu a { display: inline-block; }
	#menu-principal .menu a { text-transform: uppercase; }
	#menu-principal .menu li.current-menu-item a { color: #ba2126 !important; }
	#slides img.size-banner-slider { max-height: 700px; }
	#internal-banner h1 { margin-bottom: 20px !important; }
	#page figure, #post figure { margin: 20px 0; }
	
	.control-label { padding-top: 10px; }
	/**/
	.desktop { display: block; }
	.mobile { display: none; }
}
@media all and (transform-3d), (-webkit-transform-3d) { 
	.carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { 
	opacity: 1; -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);
    }
}
.social-buttons {
							display: inline-block;
    color: #ba2126;
    border: 2px solid;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.7;
    vertical-align: middle;
    border-radius: 9999px;
    font-size: 20px;
							text-align:center;
						}
						
						footer .social-buttons {
							color: #fff;
						}
form {
	text-align: left;
}
form label {
	width: 100%;
	text-align: left;
}