/*
Theme Name: Online Coach
Theme URI: https://www.sktthemes.org/shop/free-coach-wordpress-theme/
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: Online Coach is a coaching WordPress theme which can be used for coaches, personal trainers, speakers, motivators, and other personal users. It is simple and easy to use and is compatible with a lot of plugins like WooCommerce for ecommerce use, contact form 7, SEO plugins and qTranslate X for multilanguage.  Check demo at: http://sktthemesdemo.net/online-coach/

Version: 1.13
Tested up to: 6.7
Requires PHP: 5.6
License: GNU General Public License
License URI: license.txt
Text Domain: online-coach
Tags:blog,one-column,two-columns,right-sidebar,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments

Online Coach WordPress Theme has been created by SKT Themes(sktthemes.org), 2017.
Online Coach WordPress Theme is released under the terms of GNU GPL

This theme is based on Underscores theme (_s) [Underscores is distributed under the terms of the GNU GPL v2 or later.]
*/

body{ margin:0; padding:0;line-height:20px; font-size:15px; color:#5c5c5c; font-family: 'Montserrat', sans-serif;  -ms-word-wrap:break-word; word-wrap:break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ color:#ffaf36; text-decoration:none; }
a:hover{ color:#ba7101;}

dfn, cite, em, i{font-style: italic;}
blockquote{border: 0 solid #1a1a1a; border-left-width: 4px; color: #686868; font-size: 19px; font-size: 1.1875rem; font-style: italic; line-height: 1.4736842105; margin: 0 0 1.4736842105em; overflow: hidden; padding: 0 0 0 1.263157895em;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote p{margin-bottom: 1.4736842105em;}
blockquote cite, blockquote small {color: #1a1a1a; display: block; font-size: 16px; font-size: 1rem; line-height: 1.75;}
blockquote cite:before,
blockquote small:before{content: "\2014\00a0";}
blockquote em, blockquote i, blockquote cite{font-style: normal;}
blockquote strong, blockquote b{font-weight: 400;}
blockquote > :last-child{margin-bottom: 0;}
address{font-style: italic; margin: 0 0 1.75em;}

code, kbd, tt, var, samp, pre{font-family: Inconsolata, monospace;}
pre{border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code{background-color: #d1d1d1; padding: 0.125em 0.25em;}
abbr, acronym{border-bottom: 1px dotted #d1d1d1; cursor: help;}
mark, ins{background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none;}
big{font-size: 125%;}

/**
 * 4.0 - Elements
 */

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*,
*:before,
*:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
hr{background-color: #d1d1d1; border: 0; height: 1px; margin: 0 0 1.75em;}
ul, ol{margin: 0 0 1.75em 1.25em; padding: 0;}
ul{list-style: disc;}
ol{list-style: decimal; margin-left: 1.5em;}
li > ul, li > ol {margin-bottom: 0;}
dl{margin: 0 0 1.75em;}
dt{font-weight: 700;}
dd{margin: 0 0 1.75em;}
img{height: auto; max-width: 100%; vertical-align: middle;}
del{opacity: 0.8;}
table, th, td{border: 1px solid #d1d1d1;}
table{border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%;}
#wp-calendar caption{text-align:center; padding-bottom:20px;}
caption, th, td{font-weight: normal; text-align: left;}
th{border-width: 0 1px 1px 0; font-weight: 700;}
td{border-width: 0 1px 1px 0;}
th, td{padding: 0.4375em;}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder{color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif;}
:-moz-placeholder{color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif;}
::-moz-placeholder{color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif; opacity: 1;}
:-ms-input-placeholder{color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif;}

.entry-content ol li, .entry-content ul li{ margin-left:15px;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:26px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.aligncenter, div.aligncenter{display: block; margin: 5px auto 5px auto; padding:5px; border:1px solid #cccccc;}
a img.aligncenter{display: block; margin-left: auto; margin-right: auto; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
.space50{ clear:both; height:50px;}
.space100{ clear:both; height:100px;}
/*default pagination*/
.pagination{display:table; clear:both;}
.pagination .nav-links{ margin:20px 0;}
.pagination .nav-links a{ margin-right:5px; background:#646262; color:#fff; padding:5px 10px;}
.pagination .nav-links span.current, .pagination .nav-links a:hover { padding:5px 10px; background:#ffaf36; color:#fff;}


#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.logo{float:left; width:25%; z-index:999; color:#333; padding:25px 0;}
.logo img{ height:51px; width:auto;}
.logo h2{font-weight:600; margin:0; line-height:24px; color:#333; font-size:24px;}
.logo h2 span{ color:#ffaf36;}
.logo a{ color:#333;}
body.wp-custom-logo .logo h2{ display:none;}
.widget-right{ float:right; padding:25px 0;  font:400 13px/22px 'Montserrat';}
.widget-right ul{ margin:0; padding:0;}
.widget-right ul li {float:left; margin-right:20px; padding-right:20px; border-right:solid 1px #dde4ea; list-style:none;}
.widget-right ul li img{float:left; margin-right:15px; margin-top:7px; }
.widget-right ul li span {float:left; color:#9d9e9f;}
.widget-right ul li span strong {display:block; font-size:17px; color:#6b6b6b;}
.widget-right ul li a{color:#6b6b6b;}
.widget-right ul li:last-child {margin-right:0; padding-right:0; border-right:none;}

.header{width:100%; z-index:999999; background-color:#fff; position:relative; box-shadow:0 2px 3px #eee;}
.container{ width:1170px; margin:0 auto; position:relative;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}

.sitenav{ padding:0; text-align:right;}
.sitenav ul { margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:400; font-size:14px; }
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:3px 15px; display:block; color:#787878; border-right:1px solid #dde4ea; }
.sitenav ul li:last-child a{ border-right:none; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #dde4ea;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left;  border-right:none; }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ color:#000; }

.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#eef8fe; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
.sitenav ul li:hover > ul li a{ border-radius: 0px;}

/* = header top bar css
-------------------------------------------------------------- */
.headertop{ background-color:#eef8fe; min-height:50px; /*height:50px;*/}
.topbar-container {position:relative; float:left; width:auto;}
.topbar-container::before {background:#36a8ff none repeat scroll 0 0; bottom:0; content:""; left:-99999px; position:absolute; top:0; width:99999px; height:50px;}
.widget-left{background:#36a8ff none repeat scroll 0 0; color:#fff; display:block; padding:0 15px 0 0; position:relative; height:50px; line-height:50px; margin:0;}
.widget-left ul{ margin:0; padding:0;}
.widget-left li {display:inline-block;}
.widget-left li a {display:inline-block; color:#fff; border-right:solid 1px #fff; font-size:13px; line-height:13px; margin-right:8px; padding-right:8px;}
.widget-left li:last-child a {border-right:none; padding-right:0}
.headertop .header-inner{margin:0 auto; width:1170px; padding-left:20px; padding-right:20px;}

.topright{ float:right; padding:12px 0;}
section#home_slider{ padding:0;}
#FrontBlogPost{ padding:60px 0;}
#wrapfirst{ padding:60px 0 40px;}

h2.section-title{font-weight:600; text-align:center; position:relative; color:#2e2e2e; text-transform:uppercase; font-size:20px;}



/* = Services section css
-------------------------------------------------------------- */
#wrapfirst{ background-color:#ffffff}
.welcomewrap { width:70%; margin:0 auto; text-align:center;}
.welcomewrap p{ margin-bottom:30px;}
.last_column{clear:right; margin-right:0 !important; }

/* = section first css
-------------------------------------------------------------- */
#pagearea{ background-color:#f6f6f6;  padding:70px 0;}
.fourbox{ color:#2e2e2e; width:21.8%; float:left; margin:0 4% 0 0; text-align:center; position:relative;}
.fourbox p{ margin-bottom:20px; line-height:20px; }
.fourbox h3{ font-size:18px; font-weight:400; color:#343434; margin:0 0 25px;}
a.ReadMore{ font:400 12px/22px 'Montserrat', sans-serif; background-color:#424242; padding:6px 15px; color: #fff; display:inline-block; }
a.ReadMore:hover{background-color:#ffaf36; color:#fff; }
.fourbox:hover h3{ color:#ffaf36;}
.fourbox .thumbbx { width:76px; height:76px; margin:0 auto 40px; }
.fourbox .thumbbx img{ width: 100%; height:auto; min-height:76px; border-radius:50%; }


/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:35px; line-height:35px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 3px; padding:0; background-color:#36a8ff !important; }
.social-icons br{ display:none;}
.social-icons a:hover{ background-color:#ffaf36; color:#ffaf36;}
.social-icons .fb{ background:url(images/icon-fb.png) no-repeat center center; }
.social-icons .tw{ background:url(images/icon-tw.png) no-repeat center center; }
.social-icons .gp{ background:url(images/instagram.png) no-repeat center center;}
.social-icons .in{ background:url(images/icon-in.png) no-repeat center center;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:790px; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; border-bottom:1px dotted #ccc; padding-bottom:30px; }
.blog_lists h4{ margin-bottom:6px;}
.blog_lists h4 a{ color:#484f5e;}
.blog_lists h4 a:hover{ color:#ffaf36;}
.blog_lists p{ margin-bottom:15px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:40%; float:left; margin:5px 25px 5px 0; height:210px; overflow:hidden;}
.post-thumb img{ width:100%;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#31cafd; padding:12px 15px; margin-bottom:1px; color:#fff;}
h3.widget-title a{color:#FFF;}
#sidebar ul{margin-left:0px;}
#sidebar ul li{list-style:none; line-height:36px; border-top:1px dashed #999;}
#sidebar ul li a{background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b;}
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar select{width:100%; display:block; height:25px;}
#sidebar table{ width:100%; text-align:center;}
#sidebar input[type="text"], #sidebar input[type="search"]{width:70%; height:30px; margin-bottom:10px; padding-left:10px;}
#sidebar h2{font-size:22px;}
#sidebar .wp-block-search__button{padding: 0 10px; height: 30px;}

/* = Footer Social css
-------------------------------------------------------------- */
.footerinfo { font:400 16px/18px 'Montserrat'; display:inline-block; }
.footerinfo .fa{ margin-right:8px;}
.footerinfo span{ margin-left:35px;}
.footerinfo a{ color:#777777;}

#footersocial .left a{ color:#9a9a9a;  background:url(images/footer-icon-email.png) no-repeat 15px 4px; }
#footersocial .left a:hover{ color:#ffffff; }
#footersocial .left span{ line-height:22px; background:url(images/footer-icon-phone.png) no-repeat 0 6px; }


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ position:relative; color:#b8b6b6;}
.footer{ background-color:#222222; padding:45px 0 25px; }
.cols-4{width:23.2%; float:left; margin:0 5% 2% 0; }
.widget-column-2{ width:15%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:15px; color:#fff; margin-bottom:25px; text-transform:uppercase; }
.cols-4 h5 span{ font-weight:300; color:#ffaf36; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0;}
.cols-4 ul li a { color:#b8b6b6; background:url(images/list-arrow.png) no-repeat 0 8px; padding:3px 0 3px 20px; display:block;}
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#dd5145; }

.cols-4 p{ margin-bottom:15px;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}
.phone-no{ margin:10px 0 20px; line-height:22px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong { display:inline-block; color:#ffaf36;}
.phone-no img{ margin:5px 15px 0 0; float:left;}
.cols-4 .phone-no p{ margin-bottom:10px;}


.copyright-wrapper {  background-color:#2a2b2d; color:#fff; position:relative; padding:15px 0;}
.copyright-txt { float:left;}
.copyright-txt span{color:#ffaf36;}
.design-by { float:right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post h6{ font-size:13px; margin-bottom:6px; display:block; text-transform:uppercase;}
.recent-post h6 a{ color:#b8b6b6;}
.recent-post h6 a:hover{ color:#ffaf36;}
.recent-post img{ float:left; width:60px; margin:4px 15px 5px 0; border:2px solid #fff;}
.recent-post p{ margin-bottom:0px;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
#wp-calendar{ width:100%;}

input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ffaf36;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	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. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#ffaf36; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Montserrat',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Montserrat',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

.wp-caption{margin-bottom: 1.75em; max-width: 100%;}
.wp-caption-text{font-style:italic;}
.nullslide{clear:both;}