/*

Theme Name: Impremedia Corporate Site
Author: FrooIT
Author URI: http://www.frooit.com/
Description: Corporate Site for Impremedia.
Version: 1.0
Text Domain: impremedia

*/

/*Roboto*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
background:#fff;
font-family:'Roboto';
}

a{outline: none;}

.navbar {margin-bottom:0;}
.navbar-default {background:#f2f2f2;border-bottom:0;height:85px;}
.navbar-brand {background:url(images/logo_impremedia.png); background-repeat:no-repeat ;text-indent: -100000px;display:block;width:260px;height:63px;background-size:contain;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-top:20px;}
.navbar-default .navbar-collapse {border:0;background:#f2f2f2;}
.navbar-toggle {margin-top:22px}

.navbar-nav{
	margin-top: 0 !important;		
}
.navbar-default .navbar-nav > li {padding:0px 10px;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li .dropdown > a
 {color:#000;border-bottom:14px solid transparent;padding:0;font-size:17px;display: block;height: 85px;line-height: 80px;}
.navbar-default .navbar-nav > li > a.privacy-policy{
	color: #9e9e9e;
    font-size: 15px;
}	
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li .dropdown > a:hover {color: #ed1c24 !important;text-decoration: none;}
.navbar-default .navbar-nav .active a {background-color: unset;}
.navbar-default .navbar-nav .active a:hover {background-color: unset;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background:transparent;}

.navbar-default .navbar-nav > li .dropdown.open > a {color:#ed1c24;border-bottom:14px solid #ed1c24;}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover {background:transparent;color:#ed1c24;}

.navbar-header .navbar-toggle .close-navbar{
	display: none;
}

/*Navbar header in "open" mode*/
.navbar-header-open .navbar-toggle{
	float: left;
	background-color: #ed1c24 !important;
	border-color:  #ed1c24 !important;
	margin: 0;
	border-radius: 0;
}
.navbar-header-open .navbar-toggle .close-navbar{
	display: block;
    width: 54px;
    height: 54px;
    font-size: 52px;
    color: #fff;
}

.navbar-header-open .navbar-toggle .icon-bar{
	display: none;
}

.has-submenu:hover > a {border-color:#ed1c24 !important;background:transparent;color:#ed1c24;}
.has-submenu:hover:hover .sub-menu {display:block;}
.sub-menu {position:absolute;left:0;top:85px;display:none;margin:0;background:#ed1c24;border-radius: 0;-moz-border-radius:0;-webkit-border-radius:0;border:0;min-width: 320px;padding:20px 10px;list-style:none;}
.navbar-right .dropdown-menu {right:auto;left:0;}

.sub-menu li {float:left;width:50%;padding:10px 0;}
.sub-menu > li:hover {background:transparent;}
.navbar-default .navbar-nav .active .sub-menu li a,
.sub-menu > li > a {color:#fff;text-decoration: none;}

.carousel-indicators {bottom:0;}
.carousel-indicators li {border-color:#333;width:12px;height:12px;}
.carousel-indicators .active {background:#333;width:13px;height:13px;}

/*Home*/

#intro {
    background-image: url(images/intro-desktop.jpg);
    background-repeat: no-repeat;
    /*background-size: 100%;*/
    background-size: cover;
    text-align: center;
    position: relative;
    padding-top: 85px;
}

#intro h1 {font-size:55px;color: #fff; font-weight: bold;}
#intro h1 strong{color: #ED1C24}
#intro h2 {background:#f32b2b;color:#fff;font-size:21px;display: inline-block;padding:3px 15px;margin-top:0;text-transform: uppercase;letter-spacing: 2px;}
#intro p {font-size:30px;}
#intro .btn {color:#fff;font-size:20px;position:absolute;width:40px;height:40px;left:50%;bottom:10px;margin-left:-20px;}
#intro .intro-content {}
#intro img {margin:auto;}

#audience-map {background:#f2f2f2;}
/*#audience-map .header{padding: 30px 0;}*/
#audience-map .header{padding: 100px 0;}
#audience-map .title{color: #ED1C24;  font-size: 28px;}
#audience-map .title strong, #audience-map .subtitle strong{font-weight: bold;}
#audience-map .subtitle{color: #000}
#audience-map .title, #audience-map .subtitle{
	text-align: center;
	line-height: 30px;
  font-weight: 200;
}
#audience-map img{margin:0 auto;}

#audience-map .footer{   
	color: #b7b7b7;
	text-align: center;
    padding: 30px 0 20px 0;
}

#audience {padding:100px 0 0px 0; text-align: center;}
/*#audience {padding:40px 0 0px 0; text-align: center;}*/
#audience .header{
	padding-bottom: 20px;
}
#audience .header .title {font-size:55px; font-weight: bold; margin:0;margin:0 0 20px 0;}
#audience .header .subtitle {    
	font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
#audience img {margin:auto;}
#audience .item .title{   
    margin-top: 35px;
    font-size:30px;
    font-weight: bold;
}
#audience .item .footer{   
	color: #b7b7b7;
    padding: 30px 0 0px 0;
    border-bottom: 1px solid #b7b7b778;
}
#audience .item .footer p{   
	margin-bottom: 5px;
}
    



#brands {padding:100px 0 0 0;background:#fff;}
#brands h2 {font-size:55px; font-weight: bold;margin:0; text-align: center}
#brands .brand-item {right: 0;text-align: left;padding:15px 0;}
#brands .brand-item .content{
	background:#f2f2f2;
	padding:40px;
}
#brands .brand-item a {color:#333;}
#brands .brand-item .brand-image {padding:0 0 20px 0; max-width: 300px;}
#brands #la-opinion .brand-image {padding:0 0 10px 0;}
#brands .brand-item .website {display: block;position: relative;font-size:16px;}
#brands .brand-item .brand-caption {margin: 0 0 15px 0;text-align: left;}
#brands .brand-item .brand-caption h3 {margin-top:0;}
#brands .brand-item .brand-caption h4 {margin: 0;text-transform: none;}
#brands .brand-item .brand-caption p {margin: 0;font-size: 17px;}
#brands .brand-item .brand-caption .text-muted p {color:#fff !important;}
#brands .brand-item .footer{   
    height: 40px;
    margin-top: 25px;
    clear: both;
}
#brands .view-site{
	margin-top: 6px;
	float:left; 
	text-transform: uppercase;
}
#brands .view-site .fa{
	display: inline;
	padding-left:6px;
}
#brands .view-site a{
	border: 2px solid #000;
    padding: 6px 10px 6px 16px;
    font-weight: bold;
}
#brands .view-site a:hover{
	text-decoration:none;
}

#brands .brand-item .social-media {margin: 0 0 10px 0; float:right;}
#brands .brand-item .social-media a{margin:0 5px 0 0;}
#brands .brand-item .social-media img{width:35px;}
#brands .brand-item .contact-text p {
	float: left;
	width: 20%;
	line-height: 22px;
  overflow-wrap: break-word;
    word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#brands #la-prensa .contact-text p{
  width: 33%;
}

#brands #espn .contact-text p{
  width: 50%;
}

#brands .brand-item .contact-text strong {font-size:1.16em;}
#brands * {z-index: 2;}
#brands .brand-item.alternate {background:#F4F4F4;}

#careers{
	    padding: 100px 0 0 0;
}

#careers .header{
	  text-align: center;
}

#careers h2 {font-size:55px; font-weight: bold;margin:0; text-align: center;margin-bottom: 10px;}
#careers h3 {margin-top:0;}

#careers .header h4.subtitle, #careers .job .job-summary{
	line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color:#000;
    text-align: center;
}

#careers .header h4.subtitle{
	margin-top: 20px;
}

#careers  h4.subtitle a{color:#ee1d25; font-weight: bold}
#careers .careers-content {margin-top:35px;margin-bottom:40px;}
#careers .job-category {margin-bottom:18px;}
#careers .job-category p {font-size:20px;margin:0;}
#careers .job-category h4.category-title {
    margin-top: 70px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0;
    text-align: center;
    font-weight: bold;
}
/*#careers .job-category h4.category-title span {float:right;}*/
#careers .job-category h4.category-title span i {margin:0 5px 0 0;}
#careers .job-category p.location {
    font-size: 17px;
    margin: 0;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#careers .job-category .job .job-title{padding:0;font-size:15px;}

#careers .job-category .job .job-title a.learn-more, 
#careers .job-category .job .job-title a.close-btn{
	color: #fff;
    width: 150px;
    margin: 0 auto;
    display: block;
    background: #ee1d25;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 25px;
    text-align: center;
}

#careers .job-category .job .job-title a.close-btn{
	padding: 6px;
    width: 120px;
}

#careers .job-category .job .job-title a.learn-more:hover, 
#careers .job-category .job .job-title a.close-btn:hover, 
#careers .job-category .job .job-title a.apply:hover{
	text-decoration: none;
}

#careers .job-category .job .job-title a.learn-more i, 
#careers .job-category .job .job-title a.close-btn i{
	font-size: 11px;
    vertical-align: middle;
    padding-left: 8px;
} 

#careers .job-category .job .job-title a.close-btn i{
	padding-left: 10px;
	padding-bottom: 2px
}

#careers .job-category .job .job-title a.apply {
    color: #fff;
    width: 120px;
    margin: 0 auto;
    display: block;
    background: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 25px;
}

#careers .job-category .job .job-title .job-content{display:none;}
#careers .job-category .job ul {margin:5px 0; font-size:20px;}
#careers .job-category .job .job-location {text-align: right;font-size:14px;}


#careers p {font-size:20px;}
#careers p a {color:#ee1d25;}
#careers .btn-find-jobs {border-radius:0;background:#ee1d25;color:#fff;}


#contact {background:#f2f2f2;color:#000;padding:100px 0;}
#contact h2 {font-size:55px; font-weight: bold;margin:0; text-align: left;}
#contact .content p {
	float: left;
	width: 50%;
	height: 100px;
	line-height: 22px;
}
#contact .contact-item {margin-bottom:40px;}
#contact h3 {margin:0 0 10px 0;font-size:30px;} 
#contact a {color:#000;}

#policy {background:#ed1c24;color:#fff;padding:100px 0;font-size:15px;}
#policy h2 {font-size:65px;margin:0 200px 65px 0;text-transform: uppercase;}
#policy h3 {margin:0 0 10px 0;font-size:30px;} 
#policy a {color:#fff;}
#policy p{}

#policy .social-buttons {
	border-top:1px solid #fff;
	padding:20px 15px;
	margin:40px 0 0 0;
}
#policy .social-buttons a {
	background:white;
	display: inline-block;
	padding:5px 10px 4px 10px;
	color:#ED1C24;
	width:40px;
}
#policy  .social-buttons a:hover{
	background:#333; 
	color:#fff;
}
#policy  .social-buttons a i {
	font-size: 28px;
}
.linkedin-impremedia img{
  width: 40px;
}

/*.social-media .fa, .linkedin-impremedia .fa{
	width: 35px;
	height: 35px;
  font-size: 25px;
  padding: 7px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.social-media .fa, .linkedin-impremedia .fa{ 
	border-radius: 50%;
}
.social-media.icon-rounded .fa{
	border-radius:5px;
}
.social-media.icon-flat .fa{
	border-radius: 0;
}

.social-media .fa:hover, .social-media .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
	text-decoration:none;
}
.social-media.icon-zoom .fa:hover, .social-media.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-media.icon-rotate .fa:hover, .social-media.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
.social-media .fa-facebook,.social-media .fa-facebook-square, .linkedin-impremedia .fa{background-color:#000;}  
.social-media .fa-google-plus,.social-media .fa-google-plus-square{background-color:#000;} 
.social-media .fa-linkedin,.social-media .fa-linkedin-square{background-color:#000;} 
.social-media .fa-twitter,.social-media .fa-twitter-square{background-color:#000;} 
.social-media .fa-instagram,.social-media .fa-instagram-square{background-color:#000;} */

#footer {background:#000;padding:40px 0; text-align: center; color: #fff;}
#footer .content{
		width: 75%;
		margin: 0 auto;
}

#footer .logos i {
    color: #000;
    font-size: 40px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    margin: 0 9px;
}

#footer .copyright h3{
	font-size: 17px;
    font-weight: 400;
}
#footer .copyright p{
	font-size: 15px;
    font-weight: 400;
    color: #9E9E9E;
}

/*Page*/
.page-content{
	padding: 85px 55px 55px 55px;
	overflow-wrap: break-word;
    word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.page-content h1 {font-size:55px; font-weight: bold;margin:0; text-align: left; padding: 30px 0;}