/*
 Theme Name:   Roof Knight Child
 Theme URI:    
 Description:  Roof Knight Child Theme

 Author:       Unknown
 Author URI:   

 Template:     Roof Knight
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Roof Knight-child
*/

@import url("../Roof-Knight/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */



@font-face {
    font-family: 'myriadpro-regular';
    src: url('fonts/myriadpro-regular.eot');
    src: url('fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('fonts/myriadpro-regular.woff') format('woff'),
         url('fonts/myriadpro-regular.ttf') format('truetype'),
         url('fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
}

@font-face {
    font-family: 'myriadpro-semibold';
    src: url('fonts/myriadpro-semibold.eot');
    src: url('fonts/myriadpro-semibold.eot') format('embedded-opentype'),
         url('fonts/myriadpro-semibold.woff') format('woff'),
         url('fonts/myriadpro-semibold.ttf') format('truetype'),
         url('fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg');
}

@font-face {
    font-family: 'myriadpro-bold';
    src: url('fonts/myriadpro-bold.eot');
    src: url('fonts/myriadpro-bold.eot') format('embedded-opentype'),
         url('fonts/myriadpro-bold.woff') format('woff'),
         url('fonts/myriadpro-bold.ttf') format('truetype'),
         url('fonts/myriadpro-bold.svg#myriadpro-bold') format('svg');
}



.fl{ float:left;}
.fr{ float:right}
.clear{ clear: both; height:0; visibility: hidden;}
.mainwrapper { width: 980px; margin: 0 auto;}

body { background: #ffffff; margin: 0; }

html { background: #222222; margin-top: 0 !important; }

body, html { font-family:myriadpro-regular; color: #333333; font-size: 14px; }

.entry-title { display: none; }

.headMenuCon { background: url(images/nav_bg.jpg) repeat-x #045dad; }

.headMenuCon ul li { padding: 14px 18px; display: inline-block; }

.headMenuCon ul li a {  
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family: myriadpro-semibold;
}

.headMenuCon ul {
	margin: 0;
	padding: 0;
}

.headMenuCon ul li:hover, .headMenuCon ul li.current-menu-item { 
	background: #124f9b;
}

.widget-title { display: none; }

.home-Banner { background: url(images/home_bg.jpg) no-repeat top center; margin-bottom: 5px; }
.newsBanner  {   background: url(/wp-content/uploads/2015/07/about_img.jpg) no-repeat top center; margin-bottom: 5px; }
.sub-Banner { background: url(images/sub_banner.jpg) no-repeat top center; padding-bottom: 35px; min-height: 190px; }

.pageMaintitle { font-size: 32px; }

.colorBlue { color: #045ead; font-family: myriadpro-bold; }

.site-content li {
    background: url(images/list_bullets.jpg) no-repeat left top;
    padding: 0 0 12px 16px;
    list-style: none;
    margin: 0;
}

.ulbox ul { width: 289px; padding-top: 12px; }

ul { margin: 0; padding: 0; }

.standardPad { padding: 0 14px; }

.mainLeftSide { width: 616px; }

.mainRightSide { width: 308px; }

.marBot44 { margin-bottom: 44px; }

.marBot57 { margin-bottom: 57px; }

.padBot6 { padding-bottom: 6px; }

.quoteBox {
	background: url(images/quoteBG.jpg) repeat-x #045dad top; 
	border-bottom: 1px solid #689ece;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	padding: 8px 25px 6px 25px;
}

.quoteBox .sendText {
	font-size: 20px;
}

.quoteBox .quoteText {
	font-size: 28px;
	font-family: myriadpro-bold;
	text-transform: uppercase;
	margin-top: -5px;
	margin-bottom: -8px;
}

.textCon input , .textCon textarea { width: 100%; border: 0; }

.textCon input { padding: 12.5px 0; margin-bottom: 3px }

.textCon textarea { height: 90px; padding: 8px 0 0 0; font-family: myriadpro-regular !important; }

.quoteBox input[type="submit"], .bttn input {
	background: url(images/submit_Bttn.jpg) repeat-x #fe6700 top; 
	border:1px solid #ff6600;
	font-size:24px;
	font-family: myriadpro-bold;
    color: #fff;
    padding: 9px 32px;
	cursor: pointer;
	border-radius: 5px;
}

.headerTopBox .telBox { font-size: 20px; }

.headerTopBox .telBox { width: 251px; padding-top: 23px; }

.headerTopBox .col2 {   width: 189px; padding-left: 6px; }

.headerTopBox .col2 .callNum { font-family: myriadpro-bold; color: #045ead; font-size: 28px; }

.headerTopBox .col2 .callText { margin-top: -2px; margin-bottom: -7px; }

.footerCon {
	background: #222222;
	margin-top: 36px;
	padding: 41px 0;
	color: #aaaaaa;
}

.headerTopBox .col2 a { color: #045ead; text-decoration: none; }

.footerCon aside { 
	width: 294px;
	display: inline-block;
	margin: 0 14px;
	vertical-align: top;
}

.footerCon aside#text-7 { margin-left: 0; }

.footTitle {
	color: #fefefe;
	font-family: myriadpro-bold;
	font-size: 18px;
	padding-bottom: 22px;
}

.socialCon img { margin: 0 5px; }

.socialCon { margin-left: -5px;}

.detailsBottom .iconCon {
	width: 6%;
	margin-right: 13px;
}

.detailsBottom .infoCon {
	width: 79%;
}

.footerCon a { color: #aaaaaa; }

a { text-decoration: none;  }

.detailsBottom {  padding-bottom: 12px; }

.copyRight li { display: inline-block; font-size: 12px; }

.copyRight ul li.copy:after {
  content: '|';
  margin: 0 6px 0 10px;
}

.copyRight { padding-top: 17px; }

.footerCon .aboutEntry { width: 228px; }

.servicesMain { border-top: 1px solid #999999; margin-top: 25px; margin-bottom: 9px; }

.serviceList {
	display: inline-block;
	width: 223px;
	margin-right: 17px;
}

.secondWrapper {
  width: 952px;
  margin: 0 auto;
}

.noMarRight { margin-right: 0; }

.servicesMain .serviceName {
  font-size: 16px;
  font-family: myriadpro-bold;
  color: #fff;
  background: #333333;
  padding: 10px 14px;
  margin-top: -4px;
}

.servicesMain .serviceName:hover { background: #045ead; }

.serPad { padding: 16px 0 21px 0; }

.tp-leftarrow.default {
	background: url(/wp-content/uploads/2015/05/arrow-left.png) !important;
	width: 25px !important;
	height: 41px !important;
}

.tp-rightarrow.default {
	background: url(/wp-content/uploads/2015/05/arrow-right.png) !important;
	width: 25px !important;
	height: 41px !important;
}

.tp-bullets.simplebullets.round .bullet {
	background: url(/wp-content/uploads/2015/05/bullets.png) !important;
	width: 14px !important;
	height: 14px !important;
}

.tp-bullets.simplebullets.round .bullet.selected {
	background: url(/wp-content/uploads/2015/05/bullets_active.png) !important;
	width: 14px !important;
	height: 14px !important;
}

.tp-bullets.simplebullets.round .bullet { margin-left: 6px !important; }

.tp-leftarrow.default {
  margin-left: -79px;
}

.tp-rightarrow.default {
  margin-right: -79px;
}

.b { font-family: myriadpro-bold; color: #009dfc; }

.textCon input:-ms-input-placeholder, .textCon textarea:-ms-input-placeholder,
.textCon input::-webkit-input-placeholder , .textCon textarea::-webkit-input-placeholder,
.textCon input::-moz-placeholder, .textCon textarea::-moz-placeholder,
.textCon input:-moz-placeholder, .textCon textarea:-moz-placeholder {  
   color: #777777;
   font-size: 14px;
   font-family: myriadpro-regular !important;
   font-style: normal;
   padding: 10px;
}

.topTitle {
  padding: 4px 0 6px 0;
}

.aboutEntry .col1 { width: 273px; margin-right: 16px; }

.bannerTitle {
	font-size: 46px; 
	font-family: myriadpro-bold;
	text-transform: uppercase;
	color: #fff;
	padding-top: 80px;
}

.contactPage .col2 {
	width: 450px;
}

.contactPage .col1 {
	width: 447px;
}

.formEntry input, .formEntry textarea {
  width: 100%;
  border: 1px solid #909090;
}

.formEntry input { padding: 12.5px 0; }

.formEntry textarea {  padding: 12px 0 0 0; font-family: myriadpro-regular !important; }

.contactPage .col2 a { color: #045ead; }

.contactPage .col2 iframe {   margin-bottom: 7px; }

.aboutBanner {
	background: url(/wp-content/uploads/2015/07/about_img.jpg) no-repeat top center;
}

.servicesBanner {
	background: url(/wp-content/themes/Roof%20Knight-child/images/services_banner.jpg) no-repeat top center;
}

.subBox {
	height: 214px;
}

.serviceEntry .title {
  color: #333333;
  font-size: 20px;
  font-family: myriadpro-bold;
  margin: 18px 0 8px 0;
}

.serviceCol .col2 { 
	width: 278px;
	line-height: 1.45em;
}

.serviceCol .col2 a { 
	color: #045ead;
	font-family: myriadpro-bold;
	text-transform: uppercase;
}

.clickBttn li {
	display: inline-block;
	background: none;
	padding: 0;
}

.clickBttn {   margin-top: 27px; }

.serviceCol {   border-bottom: 1px solid #999999;  padding-bottom: 8px; margin-bottom: 13px; }

.serviceEntry {   width: 566px; margin-bottom: -30px; }

.noBor { border: 0 !important; }

.serSoloTitle {
	font-size: 23px; 
	font-family: myriadpro-bold;
}

.emphasize {
	font-family: myriadpro-bold;
	font-size: 16px;
}

.serSolo .col1 {  margin-right: 15px; }

.serSolo { padding: 19px 0 25px 0; }

.contactBttn a {
	color: #fff;
}

.contactBttn {
  margin: 21px 0 0 0;
  background: url(images/submit_Bttn.jpg) repeat-x #fe6700 top;
  border: 1px solid #ff6600;
  width: 233px;
  font-size: 24px;
  font-family: myriadpro-bold;
  color: #fff;
  padding: 9px 0;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.postMainCon {  width: 566px; }

.searchCon input.search-field {
  border: 1px solid #d1d0d0;
  width: 85%;
  min-height: 37px;
  border-bottom-left-radius: 8px;
  margin-right: -19px;
  border-top-left-radius: 8px;
}

.searchCon input.search-submit {
  background: url(images/search_bg.jpg) no-repeat center;
  min-height: 37px;
  border: 0;
  color: rgba(0, 0, 0, 0.07);
  width: 20%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.searchCon { margin-bottom: 27px; }

.dateCon {
  font-size: 16px;
  background: #045ead;
  color: #fff;
  width: 11.5%;
  text-align: center;
  padding: 5px 0 7px 0;
}

.postCon {  width: 492px; }

.postdate { font-family: myriadpro-bold; }

.postedby { text-transform: uppercase;  padding: 0 0 4px 0; }

.postedby a { color: #045ead; }

.postTitle a {
  font-size: 22px;
  color: #333333;
  font-family: myriadpro-bold;
  line-height: 0.7em;
}

.postTitle {  margin-top: 7px;  padding-bottom: 4px; }
 
aside#categories-2 .widget-title { 
	color: #999999;
	font-size: 20px;
	display: block !important; 
	font-family: myriadpro-bold;
	padding-bottom: 2px;
}

.cateList {
  padding-bottom: 8px;
  border-bottom: 1px solid #999999;
  margin-bottom: 26px;
}

.cateList:last-child { border: 0; }

.readMore a, .comments-link a {
	font-family: myriadpro-bold;
	color: #045ead;
	text-transform: uppercase;
}

.readMore, .comments-link { padding-bottom: 14px; }

.categoryPage li {
  list-style: none;
  display: inline-block;
  background: #666666;
  border-radius: 5px;
  padding: 2.5px 5px;
  margin-bottom: 6px;
}

.categoryPage li a { color: #fff; }

.entry-header .entry-thumbnail, .entry-header .entry-meta {
	display: none;
}

.serviceCol:last-child { border: 0; }

.mainLeftSide .aboutEntry { padding-top: 20px; }


.page-template-Testimonials .standardPad {
    padding: 0 0 0 14px !important;
}





/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


@media (max-width: 1115px) {


.tp-leftarrow.default { margin-left: 0px; }

.tp-rightarrow.default { margin-right: 0; }


}


@media (max-width: 1024px) {

.footerCon .standardPad { padding: 0; }


}


@media (max-width: 1023px) {


.serSolo .col1 , .serSolo .col2 {
  margin-right: 0;
  width: 100%;
  float: none;
  display: block;
  padding-bottom: 20px;
}

.serviceCol .col1 img , .serviceEntry { width: 100%; }

.serviceCol .col2 , .serviceCol .col1 {
  width: 100%;
  float: none;
  display: block;
}

.contactPage .col2, .contactPage .col1 {
  width: 48%;
}

.aboutEntry .col1 {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
}

.aboutEntry .col2 {
  width: 100%;
  padding-top: 20px;
  float: none;
  display: block;
}

.postCon { width: 85%; }

.postCon .entry-thumbnail img { width: 100%; height: auto !important;}

.mainwrapper { width: 95%; }

.secondWrapper { width: 93%; }

.mainLeftSide, .postMainCon { width: 53%; }

.mainRightSide { width: 44%; }

.footerCon { padding: 41px 0; }

.footerCon aside { width: 33.3%; margin: 0; }

.servicesMain .serviceName {
  line-height: 1em;
  min-height: 36px;
}

.serviceList img , img.shadow { width: 100%; }

body.home .secondWrapper { padding-top: 20px; }

.serviceList {
  width: 21%;
  margin-right: 0;
  padding: 0 5px;
  margin-bottom: 14px;
  vertical-align: top;
}




}


@media (max-width: 735px) {


.serviceList { width: 45%; }

.footerCon aside {  width: 50%; }

.footerCon aside#text-8 .footTitle { margin-top: 20px; }

.servicesMain {
  text-align: center;
}




}



@media (max-width: 599px) {


.entry-thumbnail img {
  width: 100%;
  height: auto;
}





}



@media (max-width: 567px) {

.secondWrapper .postMainCon, .secondWrapper .mainRightSide {
  width: 100%;
  float: none;
  display: block;
}

.postCon { width: 81%; }

.searchCon input.search-field { width: 83%; }

.dateCon { width: 15%; }

.serSolo .col1 img, .contactBttn { width: 100%; }

.contactPage .col2, .contactPage .col1, .postMainCon {
  width: 100%;
  float: none;
  display: block;
}

.serviceEntry {
  margin-bottom: 0;
}

.contactPage .col1 { padding-bottom: 40px; }
  
.mainwrapper,.secondWrapper {
  width: 90%;
}

.copyRight {
  padding-top: 30px;
  width: 100%;
  text-align: center;
  margin-bottom: -10px;
}

.mainLeftSide , .mainRightSide, .footerCon aside {
  width: 100%;
  float: none;
  display: block;
}

.footerCon aside#text-7 { margin-top: 20px; }

.logoBox {
  width: 100%;
  float: none;
  display: block;
  text-align: center;
}

.headerTopBox .telBox {
  width: 100%;
  float: none;
  display: block;
  text-align: center;
}

.headerTopBox .col1 , .headerTopBox .col2 {
	float: none;
  display: inline-block;
  text-align: left;
}

.headerTopBox { padding: 14px 0; }



}






@media (max-width: 359px) {


.logoBox img, .ulbox ul, .footerCon .aboutEntry , .aboutEntry .col1 img { width: 100%; }

.serviceList {
  width: 100%;
  float: none;
  display: block;
  padding: 0;
}

.headerTopBox .col2 {
  width: 100%;
  padding-left: 0;
  text-align: center;
}

.servicesMain .serviceName {
  line-height: normal;
  min-height: 0;
}

.copyRight li {
  display: block;
}

.copyRight ul li.copy:after {
  content: none;
}





}



@media (max-width: 319px) {


.postCon, .dateCon {
  width: 100%;
  float: none;
  display:block;
}


}