/*
Theme Name: Screen Responsive WordPress Theme FREE Child
Theme URI: http://dessign.net/screentheme
Template: ScreenThemeResFree
Author: Dessign Themes
Author URI: http://www.dessign.net
Description: Screen Responsive WordPress Theme is stylish, customizable, simple, and readable. Perfect for any creative, architect or graphic designer.
Tags: 4 column theme,clean,portfolio
Version: 2.0.1.1492612977
Updated: 2017-04-19 14:42:57

*/

.home_featured { margin: 1px 0; text-align: center; font-size: 18px; line-height: 140%; letter-spacing:2px; color: #3997cc;}

body, .home_featured, .single_left, .single_left p {
font-family: 'Lato', sans-serif;
line-height:160%;
}
h2 {
text-transform:uppercase;
}
h3 {
text-transform:uppercase;
font-weight:400;
font-size:12px;
}
h4 {
margin: 0 0 15px;
font-size: 15px;
font-weight: normal;
color: #3997cb;
text-transform:uppercase;
}

/*HEADER HOME & MENU*/
.flickerplate ul.flicks>li {
background-position: top;
}
.flickerplate .arrow-navigation .arrow {
display:none;
}
.header_menu ul li a {
color:#3997cb;
}
.header_menu ul li a:hover, .header_menu ul li.current-menu-item a, .header_menu ul li.current_page_item a {
color:#3997cb;
text-decoration:underline;
}
.header_menu  {
width: 550px;
}
.header_menu ul li ul li {
width:200px;
}

.header_menu ul li ul li {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255,255,255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255,255,255, 0.85);
}

.full_logo_cont { padding: 0px 0 15px;  text-align: left; float: left; max-width: 250px; }
.full_logo_cont img, .logo_cont img {
    max-width: 80%;
    height: auto;
}



/*SIDEBAR*/
.side_box {
margin-bottom: 0px!important;
border-bottom: 1px dotted #3997cb;
padding: 15px;
color: #3997cb;
text-align: left;
min-height:50px;
}
.side_box a {
color: #3997cb;
}
h3.side_title {
margin: 0 0 15px;
font-size: 15px;
font-weight: normal;
color: #3997cb;
text-transform:uppercase;
}
.textwidget p{
font-size:14px;
line-height:160%;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
letter-spacing:normal;
}

.widget_text .side_box .custom-html-widget {
border-bottom:0px;
}



/*COLUMNFRONTPAGE*/
@media only screen and (max-width: 767px) { 
.container { 
	width: 87%;padding: 25px; 
	}
	.columnleft {
    float: none!important;
    padding: 0px!important;
  	width: 100%!important;
	text-align:left;
}
.columnright {
  	float: none!important;
    padding: 0px!important;
	width: 100%!important;
	line-height:16px;
	border:0px solid #3997cb;
}	
	.circle-button {
		margin-top: 25px!important;
		z-index: 0;
		position: relative!important;
	}	
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
 
.columnleft {
    float: left;
    padding: 5px;
  	width: 100%;
	text-align:left;
}
.columnright {
  	float: left;
    padding: 5px;
	width: 100%;
	line-height:16px;
	border:0px solid #3997cb;
}	
	.circle-button {
		margin-top: 25px;
		z-index: 0;
		position: none;
	}	
}	

@media only screen and (max-width: 1200px) {
.columnleft {
    float: left;
    padding: 10px;
  	width: 60%;
	text-align:left;
}

.columnright {
  	float: right;
    padding: 15px;
	width: 30%;
	line-height:16px;
	border:0px solid #3997cb;
}

.circle-button {
		margin-top: -170px;
		z-index: 0;
		position: absolute;
	}
}
@media only screen and (min-width: 1200px)	{

.columnleft {
    float: left;
    padding: 10px;
  	width: 60%;
	text-align:left;
}

.columnright {
  	float: right;
    padding: 15px;
	width: 30%;
	line-height:16px;
	border:0px solid #3997cb;
}

.circle-button {
		margin-top: -170px;
		z-index: 0;
		position: absolute;
	}
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/*CONTACT FORM*/
input, textarea {
font-family: 'Lato', sans-serif;
width:90%;
padding:5px;
}
#cscf_SubmitButton {
background-color: #3997cb;
width:30%;
color:#fff;
padding:5px 10px;
border:1px solid #3997cb;
}

footer a {
color: #3997cb;
}