/*
Theme Name: Unicon Child - Sempra Blue
Description: Unicon Child Theme for Sempra V1
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

body h1, body h2, body h3, body h4, body body h5, body h6, body, body.page-template-default, body p, body a, body .font-special, body .button, 
body .counter-title, body h6, body .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, body .pricing-plan .pricing-plan-head h3, 
body a.catimage, body .divider-title, body button, body input[type='submit'], body input[type='reset'], body input[type='button'], 
body .vc_pie_chart h4, body .page-404 h3, body .minti_masonrygrid_item h4, body #navigation > ul > li > a{
	font-family: "Interstate", sans-serif;
}
.wpb_content_element a:hover {
    color: #76BE44;
}
#slogan {
  /*margin-top: 40px!important;*/
}

#nav-social {
  float:right;
 /* margin-top:17px;*/
}

#nav-social a {
  color:#777777;
}

#nav-social a:hover {
  color:#0193d5;
}

#nav-social .fa{
	font-size:16px;
}

.header-v3 #navigation > ul {
  margin: 0 5px 0 0;
  text-transform: uppercase;
}

.header-v3 #navigation > ul > li > a {
  padding: 20px 30px 20px 0;
  font-weight: bold;
}

.tp-caption a{
	color:#fff;
}

.iconbox-style-2 .iconbox-content {
  margin-left: 43px!important;
  margin-top: -15px!important;
}

.iconbox-style-2 i.boxicon {
  font-size: 20px!important;
}

.connect-links, .connect-links:hover {
  color:#ffffff;
}

a.button.blue {
  background: #0193d5!important;
  color: #ffffff;
  border-color: #0193d5!important;
  width: 150px;
}

#footer-social {
  background-color: #0193d5;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #ffffff;
}

/*#footer .widget ul li {
  border-bottom: 1px solid #b9babc!important;
}*/

#footer .widget ul li:after {
    content: '';
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .wpb_accordion .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
  color: #0193d5;
  text-transform: uppercase;
}

.iconbox-content {
  line-height: 20px;
}

#sidebar .widget h3 {
  text-transform:uppercase;
  font-weight:bold;
}

.latest-blog-list-modern > li > a:hover {
  opacity: 1;
  background-color:#75777b!important;
}

.iconbox-icon > i.fa.fa-check.boxicon {
 color:#fff!important;
 font-size:18px!important;
}

.wpb_content_element { font-size: 1.2em }


/*UPDATED STYLES 2018*/
.admin-bar #header {margin-top: 32px;}
div#home-timeline .aligncenter td{
 	background:#58bae7;
 	font-size:14px;
 	width:12.5%;
}
div#home-timeline .aligncenter td a strong{
	font-size:13px;
}
div#home-timeline .aligncenter td.past{
 	background:#006fa2;
}
div#home-timeline td ul li{
 	background:url(/wp-content/themes/unicon-child/images/arrow-sm-blue.png) no-repeat right center;
}
div#home-timeline td.past ul li{
 	background:url(/wp-content/themes/unicon-child/images/arrow-sm-blue.png) no-repeat right center;
}

.timeline h2{
	font-size:28px;
}

.timeline .wpb_text_column{
	background: #efefef;
	padding:30px;
	min-height:88px;
}

.header-v3 #navigation{
	float:right;
	margin-top:10px;
}

.utility{
	background:#004c6f;
	padding:2px 0 0;
	text-align:right;
}

#nav-social{
	margin-top:0px;
}

#nav-social a{
	color:#fff;
}

#page-wrap, #fullimagecenter{
    margin-top: 110px;
     
}

#page-wrap.blog-page{margin-top:0;}


div#slogan{
	float:none;
	display:inline-block;
	color:#fff;
	margin-top:1px;
	margin-right:15px;
	font-size:16px;
}

.header-v3 div.logo{
	width:25%;
	margin-top:15px;
	margin-bottom:15px;
}

.header-v3 #navigation{
	width:75%;
}

.header-v3 #navigation ul{
	float:right;
}

.header-v3 #navigation > ul > li:last-child > a{
	padding-right:0;
}

#home-cards .headline{
	position:relative;
	margin-bottom:-30px !important;
	z-index:1;
}

.icon-boxes a{
	color:#fff;
	font-weight:700;
	transition: all .3s;
	font-size:14px;
}

.icon-boxes a:hover{
	color:#fff;
	opacity:.8;
}

/*.video-text{
	position:absolute;
	top:15%;
	width:100%;
}*/

.video-text{
	padding:50px 0 !important;
}

.video-text .video-wrap{
	height:100% !important;
}

/*.video-text video{
	height: 100% !important;
    width: 100% !important;
}*/

.video-text h1{
	background:rgba(0,167,225,0.8);
	color:#fff;
	text-transform:uppercase;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	padding:20px;
	font-size:60px;
	font-weight:700;
	display:inline-block;
}

.video-text h2{
	background:rgba(0,76,111,0.8);
	color:#fff;	
	font-size:30px;
	padding:20px;
	width:70%;
}

a.video-btn{
	background: rgba(118,190,67,0.8);
    color: #fff;
    padding: 10px 20px;
    /*position: absolute;
    right: 10px;
    bottom: 10px;*/
    font-weight:700;
    text-transform:uppercase;
    transition: all .3s;
    display:inline-block;
}

a.video-btn:hover{
	background: rgba(118,190,67,1);	
	color:#fff;
}

.single #fullimagecenter{
	display:none;
}

.single #page-wrap{
	margin-top:109px;
}

#home-cards .flip .icon-color-accent.card div.back{
	background-color: rgba(88, 186, 231, .6);
}

#home-cards .flip .icon-color-accent.card div.back{
	background-color: rgba(0, 111, 162, .6);
}

footer#footer {
    background-color: #006fa2;
}

#recent-posts-3, #text-4, #text-10, #text-3{
	width:25%;
	float:left;
}

footer#footer .widget ul li{
	border:none
}

div#copyright {
    background-color: #004c6f;
    color: #efefef;
}

/*RESPONSIVE*/

@media only screen and (max-width: 1199px){
	.header-v3 #navigation > ul > li > a{padding-right:25px;}
	.header-v3 #navigation{margin-top:5px;}
	#page-wrap, #fullimagecenter{margin-top: 96px;}
	/*#home-cards .headline{margin-bottom:0 !important;}*/
	div.tp-bullets{bottom: -30px !important;}
	.video-text video{width:150% !important;height:150% !important;}
	div#home-timeline .aligncenter td{width:100%;}
	div#home-timeline td.past ul li{background: url(/wp-content/uploads/2017/03/arrow-down.png) no-repeat center bottom;padding: 0 0 30px;}
	div#home-timeline td ul li{background:url(/wp-content/themes/unicon-child/images/arrow-down-blue.png) no-repeat center bottom;padding: 0 0 30px;}
}

@media only screen and (max-width: 959px){
	#page-wrap, #fullimagecenter{margin-top: 104px;}
	div#mobile-header .logo{margin-top:15px;}
	#mobile-header{margin-top:35px;}
	header#header{display:block;}
	#header > .container{display:none;}
	div#mobile-header{height:75px;}
	a#mobile-navigation-btn{line-height:75px;}
	#mobile-navigation{z-index:15 !important;margin-top: 104px;}
	.video-text h2{width:100%;}
}

@media only screen and (max-width: 767px){
	.utility{text-align:center;}
	#nav-social{float:none;display:inline-block;margin-top:0;}
	div#slogan{float:none;display:inline-block;}
	/*.utility a i.fa{font-size:27px !important;}*/
	#rev_slider_5_1{height:450px !important;max-height:450px !important;}
	#rev_slider_5_1_wrapper{padding-bottom:20px !important;}
	div.tp-bullets{bottom:-60px !important;}
	#home-cards .headline{margin-bottom:-75px !important;}
	#nav-social .fa{position:absolute;top:5px;}
	#nav-social a{padding:0 8px;}
	.video-text h1{font-size:30px;padding:10px;}
	.video-text h2{font-size:18px;padding:10px;}
	.video-text{top:10%;}
	.video-text video{width:175% !important;}
	#recent-posts-3, #text-4, #text-10, #text-3{width:100%}
}

@media only screen and (max-width: 480px){
	div#mobile-header .logo{margin-top:20px;}
	#rev_slider_5_1{height:600px !important;max-height:1000px !important;}
	#rev_slider_5_1_wrapper{padding-bottom:100px !important;max-height:1000px !important;height:}
	#home-cards .headline{margin-bottom:-110px !important;}
	.video-text h2{display:none;}
	.video-text h1{font-size:25px;}
	a.video-btn{font-size:14px;}
}