@import url('../responsive/style.css');



/*

Theme Name: clareair

Theme URI: https://www.clareair.com/wp-content/themes/responsive/style.css

Description: responsive Child-theme

Author: Ronit Shmaya

Version: 1

Template: responsive

*/
body {
	background-color: #F2F3F4;
	font-size: 16px;
	border-bottom: 15px solid #343434;
	background-image: url('../../uploads/2016/04/bg.png');
        background-repeat: no-repeat;
	background-size: cover !important;
	color: #FFFFFF;
	background-position: center top;
	background-attachment: fixed;
}

.skip-container {
    padding: 0;
}
#footer {
	font-size: 16px;
    max-width: 100%;
}
.widget-wrapper {
    background-color: transparent;
    border: none;
    padding: 0 20px 20px 20px;
}
.widget-title h3, .widget-title-home h3 {
    display: none;
}
.slideshow_container img {
    border-radius: 50px;
    border-bottom: 10px solid #00AFEF !important;
}
#container {
	font-size: 16px;
    max-width: 100%;
    padding: 0 0;
}
#content {
    margin-top: 0;
}

#wrapper {
    border: none;
	background-color:transparent;
}
.top-widget {
    width:70%;
	text-align:left;
	padding: 0 20px;
}
#header  {
    background-color: transparent;
	padding-top:10px;
}
#header #logo {
    width: 25%;
	text-align:center;
	margin:10px;
}
.site-description {
    font-size: 1.875em;
}
#post-2 h1.post-title{
	display:none;
}
p, hr, dl, pre, form, table, address, blockquote {
    margin: .8em 0px;
}
h1 {
	font-size: 24px;
	margin-top:0;
	color:#EFEFEF;
        text-transform: uppercase;
}
h2 {
	font-size: 20px;
	color:#EFEFEF;
        text-transform: uppercase;
}
.top-widget h1 {
	color:#EFEFEF;
	margin:20px;
	font-size: 35px;		
	text-transform: uppercase;
	letter-spacing:2px;	
}
h3 {
	font-size: 18px;
}
h4{
	font-size: 16px;
}

@media screen and (max-width: 650px) {

    body {}
    #header #logo,.top-widget, .top-menu {
        float: none;
        position: relative;
        text-align: center;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
    }
	.top-widget h1 {
	margin-top:10px;
	font-size: 30px;		
	text-transform: uppercase;
	letter-spacing:0;
	}
	.top-widget h2 {
	margin-top:.75em;
	}
	.js .main-nav .menu li a {
    font-size: 15px;
	}
}

.top-menu {
    margin: 0 0 10px 0;
}
.top-menu li a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 12px 8px 12px  !important;
    border: 0;
    background-color:#FF5C00;
    margin:0 10px;
    border-radius: 0 0 8px  8px;
    -webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}
.top-menu li a:hover {
	color: #FFFFFF;
        background-color:#FF9900;
    -webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}
.menu {
	clear: both;
	margin: 0 auto;
	background-image: none;
	border-bottom: 5px solid #343434;
}
.menu a {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	padding: 0 0.9em;
	border-radius: none;
	text-shadow: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
    -webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}
.menu a:hover {
	background-image: none;
    -webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}

.menu li li a {
    font-size: 16px;
	text-align: left;
}
a {
    color: #00AFEF;
}
a:hover {
    color: #FFFFFF;
}
#footer a {
    color: #efefef;
}
@media screen and (min-width: 981px) {
    .col-300 {
    width: 23.9149%;
	}
	.col-620 {
		width: 73.9575%;
	}
	.col-300.copyright{
    width: 31.914893617021% !important;
	}
	.col-300.powered{
    width: 31.914893617021% !important;
	text-align:right;
	}
	.col-300 .scroll-top{
    width: 31.914893617021% !important;
	}
	#footer_widget .col-620 {
		width: 65.957446808511%;
	}
	.menu {
        text-align:center;
    }
    .menu li {
        display:inline-block;
        float:none;
        margin-left: -5px;
    }
    .menu li li {
        display:block;
        text-align:right;
    }
}

.wp-caption {
    background: #FFFFFF;
}
#content-full {
    margin-top: 0;
}

a.button, 
input[type="reset"], 
input[type="button"], 
input[type="submit"] {
  background-color: #FF5C00;
  background-image: none;
  border: 1px solid #ff3333;
  border-radius: 5px;
  box-shadow: none;
  color: #FFFFFF;
  filter: none;
 -webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
  background-color: #FF9900;
  background-image: none;
  border: 1px solid #FF3300;
    border-radius: 5px;
	box-shadow: none;
  color: #FFFFFF;
  filter: none;
-webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}
a.button, input[type="reset"], input[type="button"], input[type="submit"] {
    font-weight: normal;
    font-size: 15px;
    padding: 4px 8px;
	margin: 10px 0;
 -webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}

select, input[type="text"], input[type="password"],  input[type="email"] {
    font-weight: normal;
    font-size: 15px;
    padding: 2px 5px;
}

.home .colophon-widget {
    display: block;
}
.colophon-widget {
    display: none;
}
.home .colophon-widget.colophon-widget  {
    margin: 0 auto;
    padding: 0;
}
.home .colophon-widget.colophon-widget  img {
    width:100%;
	max-width: 100%;
    height: auto;      
}
#widgets {
	margin-top:0;
}
.scroll-top {
    display: none;
}
.box1 {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    text-align: center;
    margin-bottom: 15px;
    border:5px solid #343434;
   border-radius: 50px;
}
.box1 h2 {
    color:#FFFFFF;
    text-align: center;
    padding: 9px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    padding: 10px;
}
.box1 img.aligncenter {
    margin: 0 auto;
}
.box1 p{    
	margin: 0;
}
.page-template-full-width-page-php .gallery-columns-4 .gallery-item, .page-template-landing-page.php .gallery-columns-4 .gallery-item {
    max-width: 325px;
}
#footer .col-540 {
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom:1%;
}
#footer .col-300 {
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom:1%;
}