﻿/*

Theme Name: zober

Theme URI: http://320press.com/wpbs

Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.

Version: 3.3.1

Author: Chris Barnes

Author URI: http://cbarn.es

Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options

License: GNU General Public License v2.0 & Apache License 2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0

*/



/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

#contact-form label {

    width: 25%;

}

#contact-form input, #contact-form textarea, #contact-form select {

    width: 70%;

    height: 35px;

    border-radius: 4px;

    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

    border: 1px solid #ccc;

    margin-top: 5px;

	text-align:left; padding-left:10px;

	

}

#contact-form textarea {

    height: auto;

	vertical-align: top;

}

#contact-form input[type="file"] {

    height: 24px;

    width: 40%;



}

#contact-form .checks input {

    width: 4%;

    height: 18px;

    vertical-align: -4px;

}

#contact-form .submit-button {

    width: 100px;

}

#contact-form input[type="submit"] {

    /*display: block;*/

    padding: 9px 0px !important;

    background: #65c3dc;

    text-align: center;

    /*margin-bottom: 15px;*/

    /*margin-right: 15px;*/

    text-decoration: none;

    color: #fff;

    border-radius: 0;

    border: none;

    font-weight: 600;

    font-size: 16px;

    text-transform: uppercase;

}

#contact-form input[type="submit"]:hover {

    color: #f2f2f2;

    background: #3bb3d3;

}





/***********media queries**************/

@media (max-device-width: 767px), (max-width: 667px) {



    #contact-form label {

        width: 100%;

        margin-bottom: 0;

    }

    #contact-form input, #contact-form textarea, #contact-form select {

        width: 100%;

        margin-top: 0

    }

    #contact-form .checks input {

        width: 8%;

    }

    #contact-form input[type="file"] {

        height: 24px;

        width: 100%;

    }

	

}



.return{

position:absolute; right:40px; top:325px; font-weight:bold; font-style:italic;text-decoration:none !important;

}

.return a:hover{

color:#cc9900;

text-decoration:none !important;

}

.return a:active{

text-decoration:none !important;

}

.return1{

text-decoration:underline;

}

.return1 a:link{

text-decoration:underline;

}

.return1 a:visited {

text-decoration:underline;

}

.return1 a:hover{

text-decoration:none !important;

}

.return1 a:active{

text-decoration:none !important;

}

#slider1_container{

    position: absolute;

    width: 100%;

    top: 0px;

    height: 198px!important;

}

#slider1_container .img-responsive{

    cursor: pointer;

    height: 198px!important;

}

@media screen and (min-width: 992px){

.nav>li>a{padding-left:12px; padding-right:12px;font-size: 12px;}

}

@media screen and (min-width: 768px){

.nav>li>a{padding-left:7px; padding-right:7px;}

 }

@media screen and (min-width: 1200px){

.nav>li>a{padding-left:15px; padding-right:15px;font-size: 14px!important;}

}

.home .content .content-abs-pos .about-us .text-wrapper{

    max-height: 152px;

}



























/*CUstom CSS*/



.page-template-page-homepage .content-abs-pos .about-us .text-wrapper{

	min-height:182px !important;

	}



.welcome-txt {

	margin-top:14px;

	}

.welcome-txt .btn-learn{

	background-color:#65C3DC !important;

	padding-top:2px;

	padding-bottom:2px;

	font-weight:bold;

	min-width:94px;

	}

	

	

.zober-page-header .navbar-default .navbar-collapse .navbar-nav{

	overflow:inherit !important;

	}	

.dropdown-menu{

	border:0px;

	}	

.zober-page-header .navbar-default .navbar-nav > .open > a, 

.zober-page-header .navbar-default .navbar-nav > .open > a:hover/*, 

.zober-page-header .navbar-default .navbar-nav > .open > a:focus*/{

	background-color:#50BBD7;

	color:#000000;

	}

	

.zober-page-header .dropdown-menu {

	background-color:#4FBBD7;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

	}	

	

.zober-page-header .dropdown-menu > li > a{		

	font-weight: bold;

    text-transform: uppercase;

	font-size:14px;

	color:#fff;

	padding:15px;

	}

	

.zober-page-header .dropdown a.dropdown-toggle{

		cursor:auto;

	}

	

.zober-page-header .dropdown-menu > li > a:hover{

	color:#000000;

	background-color:transparent;

	}

	

	

.zober-page-header .navbar-default .navbar-nav .open .dropdown-menu > li > a{

	color:#fff;

	}

.zober-page-header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

.zober-page-header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{	

	color:#000000;

	}

	



@media screen and (min-width: 992px){

	.dropdown:hover .dropdown-menu {display: block; margin-top: 0px; }

	.zober-page-header  .navbar-nav > li > a .caret{display:none;} 

	.home .content .carousel .carousel-caption h4{font-size:44px;}

	.home .content .carousel .carousel-caption p{ font-size:18px;}

	

	

	}	 

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

	 .zober-page-header .dropdown-menu > li > a{font-size:13px;}	

	}	 

 

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

	.zober-page-header .dropdown-menu > li > a{font-size:10px;}

	} 

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

	.zober-page-header .dropdown-menu > li > a{font-size:14px;}

	} 	

	

@media (min-width: 768px) {

.dropdown .dropdown-menu{

    display: block; 

  opacity:0;

-webkit-transition: all 200ms ease-in;

-moz-transition: all 200ms ease-in;

-ms-transition: all 200ms ease-in;

-o-transition: all 200ms ease-in;

transition: all 200ms ease-in;

}

.dropdown:hover .dropdown-menu {

    display: block;

    opacity: 1;

}

}	


.ftnewcls{float:left; display:inline-block; padding-left:50px; padding-bottom:10px;}
@media screen and (max-width: 991px){
.ftnewcls{padding-left:0px;}
}

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

/*.home .content-abs-pos .carousel{

		 }	 */

.home .content-abs-pos .carousel .small{

		 width:100% !important;

		 height:auto;

		 }

.home .content .content-abs-pos .about-us .text-wrapper{

	max-height:100% ;

	 }

	 

.home .content .content-abs-pos .about-us .text-wrapper .img-hide img{

	display:none !important;

	}

	

.home .content .content-abs-pos .about-us .text-wrapper .welcome-txt {

    display: block;

    float: none !important;

    text-align: center;

}	

	 



