/*
Theme Name: corporatetech
Theme URI: http://www.thoughtgridinteractive.com//theme/corporatetech
Author: Thoughtgrid
Author URI: http://www.thoughtgridinteractive.com/
Description: corporatetech is the business theme you need in order to build your presence on the Internet.
brings your site to life with immersive featured images and subtle animations. With a focus on business sites, 
it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more.
Version: 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: corporatetech
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments
This theme, like WordPress.
*/

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../font/OpenSans-Semibold/OpenSans-Semibold.eot');
  src: url('../font/OpenSans-Semibold/OpenSans-Semibold.woff2') format('woff2'),
       url('../font/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'),
       url('../font/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'),
       url('../font/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'),
       url('../font/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../font/OpenSans/OpenSans-Regular.eot');
  src: url('../font/OpenSans/OpenSans-Regular.woff2') format('woff2'),
       url('../font/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('../font/OpenSans/OpenSans.woff') format('woff'),
       url('../font/OpenSans/OpenSans.ttf') format('truetype'),
       url('../font/OpenSans/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Light';
  src: url('../font/Raleway-Light/Raleway-Light.eot');
  src: url('../font/Raleway-Light/Raleway-Light.woff2') format('woff2'),
       url('../font/Raleway-Light/Raleway-Light.woff') format('woff'),
       url('../font/Raleway-Light/Raleway-Light.ttf') format('truetype'),
       url('../font/Raleway-Light/Raleway-Light.svg#Raleway-Light') format('svg'),
       url('../font/Raleway-Light/Raleway-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('../font/Raleway-Medium/Raleway-Medium.eot');
  src: url('../font/Raleway-Medium/Raleway-Medium.woff2') format('woff2'),
       url('../font/Raleway-Medium/Raleway-Medium.woff') format('woff'),
       url('../font/Raleway-Medium/Raleway-Medium.ttf') format('truetype'),
       url('../font/Raleway-Medium/Raleway-Medium.svg#Raleway-Medium') format('svg'),
       url('../font/Raleway-Medium/Raleway-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky{
  margin:0px;
}
 .gallery-caption {
  margin:0px;
 }
 .bypostauthor{
  margin:0px;
 }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
        white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

html {
     
    margin-top:0px!important;
  }
a:hover,
a:link,
a:visited{
    color:#a1a1a1;
  }
  hr{
    width:40px;

  }

button{
  color:#fff!important;
  background-color:#2b80ff;
}
button:hover{
  background-color:#2b80cc;
}
.btn{
  color:#fff!important;
}

p{
  line-height:1.65em;
  font-size:18px;
}
li{
  margin-left:-24px;
}
/* general layout*/

.content-left-wrap{
  padding-top:70px;
}

.sidebar-wrap .content-left-wrap{
  padding-top:70px;
}
.container{
  
   margin:0 auto; 
 }
 
 /*logo*/
.site-logo{
  float:left;
  padding-bottom:20px;
  margin-left:20px;
}

 /* header*/

 .banner{
  //position:absolute;
  position:relative;
  width:100%;
  padding-top:20px;
  z-index:999;
 }

.header-image{
  opacity:0.4;
}
 .site-header{
  background-color:#000;
 
 }

 .site-header h1 a{
    font-size:32px;
  }
 /*main-column*/
 .main-column{
  
   float:left;
   //padding:70px;
 }

 /*footer widget area*/
 .footer-widget-area{
  
  text-align:center;
  padding:20px;
  border-bottom:1px solid #ccc;
   
 }
/*footer*/
.site-footer{
  border-top:2px solid black;
  text-align:center;
  background-color:#000;
}
/*navigation menu */
.toggle-nav{
  display:none;
}
nav.site-nav{
  float:right;
  //width:60%;
  margin-right:20px;
}
.site-nav ul{
  margin:0;
  padding:6px;
  float:right;
}
.site-nav ul:before .site-nav ul:after{
  content: "";
  display:table;
}
.site-nav ul:after{
  clear:both;
}
.site-nav ul{
  *zoom: 1;
}
.site-nav ul li{
  list-style: none;
  float:left;
}
/*site header menu*/
.site-header nav ul li a:link,
.site-header nav ul li a:visited{
  padding:10px 30px;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff!important;
  font-size:18px;

}
.site-header nav ul li a:hover {
    color: #a1a1a1!important;
}

/*clearfix*/
.clearfix:before, .clearfix:after{ content: ""; display: table;}
.clearfix:after{ clear: both;}
.clearfix{*zoom: 1;}

/*two column layout*/
div.left-column{
  //width: 55%;
  //float:left;
}
div.right-column{
  width: 42%;
  float:right;
}
img{
  max-width:100%;
  height:auto;
}
/*home our focus section*/
.header-focus{
   background-color:#fcfcfc;
  padding:40px; 
}
.focus-heading h2{
  color:#000;
  font-size:38px;
  text-align:center;
  font-family: 'Raleway-Light';
}
.focus-heading p{
  color:#ccc;
  font-size:22px; 
  text-align:center;
  padding-bottom:20px;
}
.home-columns{
   padding:40px;
}
.home-col {
    padding-top: 40px;
}
.home-columns .one-half{

  height: auto;
  padding: 50px;
  background-color: white!important;
  box-shadow: 10px -10px 0px 0px #f8f8f8;
}
.one-half .focus-icon{
    display: inline-block;
    border: 3px solid #f9f9f9;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    line-height: 130px;
}
.img-circle{
   border-radius:50%;
   position:relative;
   top:-3px;
   //top: 23px;
  //left: 23px;
}
.one-half h2{
padding-bottom:20px;
}
/*header aboutus section*/
.header-aboutus{
  background-color:#ffffff;
  padding:40px;
}
.aboutus-heading h2{
  color:#000;
  font-size:38px;
  text-align:center;
  font-family: 'Raleway-Light';
}
.aboutus-heading p{
  color:#ccc;
  padding-bottom:20px;
  font-family: 'Raleway-Light';
  font-size:22px; 
  text-align:center;
}
.aboutus-image{
text-align:center;
padding-top:40px;  
}
img#aboutpic {
    width: 750px;
    height: 500px;
}
.aboutus-text h4{
  color:#333;
  font-size:30px;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
}
.aboutus-text p{
  color:#000;
  font-size:18px;
  float:left;
 
}
/*home get in touch section*/
.getin-touch{
  background-color:#fff;
}
.getin-touch h2{
  color:#fff;
  font-size:38px;
  text-align:center;
  padding-top:40px;
  font-family: 'Raleway-Light';
}
.getin-touch p{
  color:#000;
  font-family: 'Raleway-Light';
  font-size:22px; 
  text-align:center;
}
.home-getin-touch.container {
    padding-bottom: 40px;
}
/*home need support section*/
.footer-support{
  background-color:#000;
  padding:40px;
  height:auto;
}
.footer-support h2{
  color:#fff;
  font-size:38px;
  text-align:center;
  font-family: 'Raleway-Light';
}
.footer-support p{
  color:#ccc;
  font-size:22px; 
  font-family: 'Raleway-Light';
  text-align:center;
  padding-bottom:20px;
}
.site-info{
  color:#fff;
  font-size:14px;
  text-align:center;
  text-decoration:none;
  padding-top:40px;
  padding-bottom:40px;
  border-top:1px solid #a1a1a1;
}
/*portfolio page*/
.column-container{
  padding:70px;
  //width:100%;
}

/*home get in touch form*/
.form-control{
  height:50px!important;
  font-size:18px;
}
textarea.form-control{
  height:auto!important;
}
.form-group{
  margin-bottom:30px!important;
}
.form-control:focus{
  border-color:#fff!important;
  box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0)!important;
}

.secondary-column{
  padding:30px;
}

.side-box{
  padding-top:30px;
}
.quote-box {
height: auto!important;
background-color: #f8f8f8!important;
box-shadow: 10px -10px 0px 0px #e3e3e3;

}
/*contact page*/

div.wpforms-container-full .wpforms-form button[type=submit]{
   color:#fff!important;
  background-color:#2b80ff!important;
}

/*widget title*/
h2.widget-title{
padding-bottom:10px;
}

/*widget form */

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error{
  border:1px solid #ccc!important;
}
button#wpforms-submit-136{
   color:#fff!important;
  background-color:#2b80ff!important;
}
div.wpforms-container-full .wpforms-form input[type=text]{
  height: 48px!important;
}



/*responsive code*/

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

.contact-box{
height:668px;
}
p{
font-size:14px;
}
.column-container{
padding:35px!important;
}
.home-columns .one-half{
padding:22px!important;
 }
.home-columns{
padding:4px!important;
}
.site-header nav ul li a:link{
padding:10px 24px !important;
font-size:10px!important;
}
.one-half h2{
font-size:20px;
}
.focus-heading h2,
.aboutus-heading h2,
.getin-touch h2,
.footer-support h2{
  font-size:28px!important;
}
.focus-heading p,
.aboutus-heading p{
font-size:20px!important;
}
.aboutus-text h4{
font-size:18px!important;
}
.aboutus-text p{
font-size:14px!important;
}
}

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

.site-header nav ul li a:link{
  font-size:12px!important;
}
.site-nav ul li{
float:none;
}
.one-half h2{
font-size:16px;
}
.focus-heading h2,
.aboutus-heading h2,
.getin-touch h2,
.footer-support h2{
font-size:24px!important;
}

.focus-heading p,
.aboutus-heading p{
font-size:16px!important;
}
.aboutus-text h4{
font-size:14px!important;
}
.aboutus-text p{
font-size:10px!important;
}
}

@media (max-width: 767px){

.aboutus-image{
padding-top:20px!important;
}
.site-header nav ul li a:link{
font-size:12px!important;
}

li{
font-size:12px;
} 
.site-nav ul li{
float:none;
}
.banner{
padding:16px!important;
}
p{
 font-size:12px!important;
}
 .main-column{
padding:0px!important;
}
.column-container{
 padding:20px!important;
}
 .home-columns{
padding:4px!important;
 }
.home-columns .one-half{
 padding:20px!important;
}
nav.site-nav{
//position:relative;
display:inline-block;
float:right;
}


ul#menu-primary-menu {
width:100%;
position:absolute;
top:150%;
left:0px;
box-shadow:0px 1px 1px rgba(0,0,0,0.15);
border-radius:3px;
background:#303030;
}

ul#menu-primary-menu:after {
width:0px;
height:0px;
position:absolute;
top:0%;
left:22px;
content:'';
transform:translate(0%, -100%);
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #303030;
}
.site-nav li {
 margin:5px 0px 5px 0px;
float:none;
display:block;
}
 .site-nav a {
display:block;
}
.toggle-nav {
   
float:right;
display:inline-block;
box-shadow:0px 1px 1px rgba(0,0,0,0.15);
border-radius:3px;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
color:#fff;
font-size:24px;
transition:color linear 0.15s;
}
.toggle-nav:hover, .toggle-nav.active {
text-decoration:none;
color:#fff;
}
.site-nav ul.active {
display:none;
}
ul#menu-primary-menu {
display: block;
}

div.left-column{
width:100%!important;
}
.one-half h2{
font-size:16px;
}
.focus-heading h2,
.aboutus-heading h2,
.getin-touch h2,
.footer-support h2{
font-size:24px!important;
}

.focus-heading p,
.aboutus-heading p{
font-size:16px!important;

}
.aboutus-text h4{
  font-size:14px!important;
}
.aboutus-text p{
  font-size:10px!important;
}
}