/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Template: u-design
Version: 1.0.0
*/
@import url("../u-design/style.css");

/**** BEGIN ADDING YOUR CUSTOM CSS CODE BELOW: ****/

/**** TOP MENU ****/

#navigation-menu ul.sf-menu > li { margin-left: -14px; }
#navigation-menu ul.sf-menu > li > a > span { font-size: 16px; }

/**** TYPOGRAPHY ****/

.white {
color: #FFF;
}
.green {
color: #92D400;
}
.black {
color: #000;
}

h1, h2, h3, h4 {
/*text-transform: uppercase;*/
}

.extralineheight {
padding: 0 0 40px 0;
}
.remove-lineheight {
line-height: 50%;
}
.top-padding {
padding-top: 10px;
}

.introtext1, .introtext2, .introtext3 {
color: #FFFFFF;
}

.introtext1 {
font-size: 500%;
line-height: 100%;
}

.introtext2 {
font-size: 250%;
line-height: 100%;
}

.introtext3 {
font-size: 150%;
line-height: 150%;
}

.introtext3 {
font-size: 150%;
line-height: 150%;
}

.introtext4 {
font-size: 120%;
line-height: 150%;
text-align: center;
}

.introtext5 {
font-size: 150%;
line-height: 150%;
color: #000;
}

.bullettext {
font-size: 140%;
line-height: 150%;
text-align: left;
}

.after_cont_row_1.widget_black_studio_tinymce.substitute_widget_class h2, .after_cont_row_2.widget_black_studio_tinymce.substitute_widget_class h2 {
font-size: 300%;
}

/**** BUTTON ****/

.flat-custom-button span {
font-family: 'Raleway', Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
}

.flat-custom-button, a.flat-custom-button {
margin: 3px 3px 3px 0;
}

/**** GREY FOOTER BAR ****/
#grey-footer-bar {
overflow:auto !important;
background-color: #787878 !important;
}

#grey-footer-bar-inner {
overflow:auto !important;

}

#grey-footer-bar h3.widgettitle {
color: #FFFFFF;
}

#grey-footer-bar .teaser-content {
color: #FFFFFF;
}


/**** IMAGES ****/

.shadow {
box-shadow: 2px 2px 15px #888888;
}
.custom-frame-inner-wrapper,
.custom-frame-wrapper .custom-frame-padding { 
    border:none; 
    background:transparent;
    padding: 0px;
}

/**** SPACING ****/

#before-content {
padding: 0 0;
}

.substitute_widget_class {
padding: 0 0;
}

.no-breadcrumbs-padding {
padding-top: 0;
}


/**** VIDEO ****/
.video-container { 
position: relative; /* keeps the aspect ratio */ 
padding-bottom: 56.25%; /* fine tunes the video positioning */ 
padding-top: 0px; 
overflow: hidden;
margin-bottom: 10px;
box-shadow: 3px 3px 10px #888888;
margin:0 auto;
}

.video-container iframe,.video-container object, .video-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
}

@media screen and (min-width: 960px) {
	.video-container {width:680px;height:383px;padding-bottom:0px;}
	.video-container iframe,.video-container object, .video-container embed {width:680px;height:383px}
}

/**** PAGE BACKGROUNDS ****/

.page-id-2974 #page-content, .page-id-2985 #page-content, .page-id-339 #page-content, .page-id-570 #page-content, .page-id-1524 #page-content, .page-id-470 #page-content, .page-id-343 #page-content, .page-id-3004 #page-content, .page-id-3000 #page-content, .page-id-2983 #page-content, .page-id-2979 #page-content, .page-id-2977 #page-content, .page-id-2035 #page-content, .page-id-3230 #page-content, .page-id-2904 #page-content {
background-color: #DDDDDD !important;
}
.page-id-2974 #page-content-title #page-title h1, .page-id-3004 #page-content-title #page-title h1, .page-id-3000 #page-content-title #page-title h1, .page-id-2983 #page-content-title #page-title h1, .page-id-2979 #page-content-title #page-title h1,  .page-id-2977 #page-content-title #page-title h1, .page-id-570 #page-content-title #page-title h1, .page-id-339 #page-content-title #page-title h1, .page-id-1524 #page-content-title #page-title h1, .page-id-470 #page-content-title #page-title h1, .page-id-343 #page-content-title #page-title h1, .page-id-2985 #page-content-title #page-title h1, .page-id-3230 #page-content-title #page-title , .page-id-2904 #page-content-title #page-title h1 {
color: #FFFFFF !important;
font-size: 400%;
line-height: 100%;
}

/**** Background styles for different pages ****/
	
.page-id-2974 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}		
.page-id-2985 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}	
.page-id-3004 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-3000 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-2983 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-2979 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-2977 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-570 #page-title {
background:url(/wp-content/uploads/2015/11/ellexus-page-header-bgs-breeze-lowpower.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-339 #page-title {
background:url(/wp-content/uploads/2015/11/ellexus-page-header-bgs-breeze-insight-02.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-1524 #page-title {
background:url(/wp-content/uploads/2015/11/ellexus-page-header-bgs-breeze-docker.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-470 #page-title {
background:url(/wp-content/uploads/2015/11/ellexus-page-header-bgs-breeze-auto.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-343 #page-title {
background:url(/wp-content/uploads/2015/11/ellexus-page-header-bgs-breeze-trace.jpg) no-repeat center #000;
background-size: 100%;
}
.page-id-3230 #page-title {
background:url(/wp-content/uploads/2016/12/background2.jpg) no-repeat center #000;
background-size: 100%;
	}
.page-id-2974 #page-content-title, .page-id-2985 #page-content-title, .page-id-3004 #page-content-title, .page-id-3000 #page-content-title, .page-id-2983 #page-content-title, .page-id-2979 #page-content-title, .page-id-2977 #page-content-title, .page-id-570 #page-content-title, .page-id-339 #page-content-title, .page-id-1524 #page-content-title, .page-id-470 #page-content-title, .page-id-343 #page-content-title, .page-id-3230 #page-content-title {
	background: #000000;
	}

/**** CONTENT BLOCKS ****/
.top-block {
margin-top: -26px !important;
}
.top-block-hp {
margin-top: -20px !important;
}
.bottom-block {
margin-bottom: 20px !important;
}

.page-id-3998 #content-container {
	padding-top:0px !important;
}

/**** BLOG STYLING ****/
.post-top h2 {
font-size: 200%;
}
/**** CONTACT FORM ****/

.wpcf7-form {
	background:#92D400; 
	border:none; 
	padding: 10px 20px; 
	margin-bottom:10px; 
}
.wpcf7-form p {
	text-align:left;
margin-left:15px;
color: #000;
}
.wpcf7-text {
width:90%;
}
input.wpcf7-form-control.wpcf7-quiz {
width:10%;
}
.wpcf7-form .wpcf7-submit {
	background:#92D400;	
	cursor:pointer; 
	width:100px;
	margin:7px 0;
	padding: 5px 15px;
	color:#000;
	border:1px solid #fff;
	/*adjust the roundness*/
	border-radius: 4px;
	moz-border-radius: 4px;
	webkit-border-radius: 4px; 
}
.wpcf7-textarea {
	width:90%;
}


/**** WP-PAGENAVI ****/

.wp-pagenavi span.current {
background-color: #92D400;
}
.wp-pagenavi span.pages {
    background-color: #005BBB; /* Changing background color of pages list */
color: #ffffff; /* Changes the text color */
}

a.greygreen:link {
  color: #787878 ;
  text-decoration: none;
} 

a.greygreen:visited {
  color: #787878 ;
  text-decoration: none;
} 

a.greygreen:hover {
  color: #84bd00 ;
  text-decoration: none;
} 

a.orangelink:link {
  color: #F39200 ;
  text-decoration: none;
} 

a.orangelink:visited {
  color: #F39200 ;
  text-decoration: none;
} 

a.orangelink:hover {
  color: black ;
  text-decoration: none;
} 

/**** RESPONSIVE ADJUSTMENT ****/
@media screen and (max-width: 480px) {
 
   /* Custom CSS for Breakpoint 3 CSS goes here... */

 .introtext1 {
font-size: 400%; }

.wp-pagenavi span.pages,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a, .wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active {
  padding: 2px 5px;
}


}