/*
Theme Name: Guideline
Theme URI: https://www.theclassictemplates.com/themes/free-guideline-wordpress-template/
Author: ClassicTemplate
Author URI: https://www.theclassictemplates.com/
Description: The Guideline theme is a clean, beautiful free multipurpose theme designed for company, agency, business, corporate, informative, agencies, travel, design, art, personal blogger, creative and professional portfolio. Also, it can be used for restaurant, sport, medical, coaching, beauty & spa, lifestyle, food blog websites, blog, health coaches, trainers, startup, ecommerce, accountant, advertising, consulting, financial, insurance, marketing, software, freelancers or any type of online agency or firm you will want to use this cool design. The theme is implemented on bootstrap framework. It is a SEO as well as mobile-friendly theme. You have the option to add shortcodes to improve the functionality of your website. It has secure and clean codes which is the reason of faster page load time. The theme is translation-ready and supports RTL layout.
Version: 1.6.4
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guideline
Tags: blog, two-columns, right-sidebar, custom-colors, custom-logo, full-width-template, footer-widgets, featured-images, editor-style, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, theme-options, translation-ready

Guideline WordPress Theme has been created by ClassicTemplate (theclassictemplates.com), 2016.
Guideline WordPress Theme is released under the terms of GNU GPL
*/

*{ 
margin:0; 
padding:0; 
outline:none;
}
body{ 
background-color:#fff; 
margin:0; 
padding:0;
line-height:20px; 
font-size:13px; 
color:#5c5c5c; 
font-family:'Montserrat', sans-serif; 
}
img{ 
border:none; 
margin:0; 
padding:0; 
height:auto; 
max-width:100%;
}
.wp-caption, 
.wp-caption-text, 
.sticky, 
.gallery-caption, 
.aligncenter{ 
margin:0; 
padding:0;
max-width:100% !important;
}
.sticky .blog_lists {
	border: solid;
}
p{ 
margin:0; 
padding:0;
}
iframe{
max-width:100%;
}
a{ 
text-decoration:none; 
color:#f98700;
}
a:hover{ 
color:#333;
}
ol,ul{ 
margin:0; 
padding:0;
}
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:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
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;
}
.left{ 
float:left;
}
.right{ 
float:right;
}
.pagination{
display:table; 
clear:both;
}
#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; 
z-index:999; 
padding:10px 0;  
color:#fff;
}
.logo h1{
font-weight:400; 
margin:0; 
line-height:36px; 
color:#fff;
}
.logo a{ 
color:#fff;
}
.logo p{ 
color:#555; 
display:block;
}
.hdrright{ 
float:right;
}

.container{ width:1100px; margin:0 auto; position:relative;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}
.boxlayout{ width:1140px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobilenav.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
.headerinner, .blog .header{ position:relative !important}
.header{width:100%; z-index:999; background-color:#111 !important; position:relative; }
body.home .fixed-header {position:fixed !important; top:0; z-index:999; }
body.home .no-sticky{ position:relative !important; }

.sitenav{ padding:0; text-align:right;}
.sitenav ul { margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:28px 20px; display:block; color:#fff; }
.sitenav ul li ul li{display:block; position:relative; float:none; }
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #333;  }
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: #111; }
.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 a:hover, 
.sitenav ul li.current-menu-item a,
.sitenav ul li.current-menu-parent a.parent,
.sitenav ul li.current-menu-item ul.sub-menu li a:hover{ color:#f98700;} 
.sitenav ul li.current-menu-item ul.sub-menu li a{ color: #fff;}

section#home_slider{ padding:0; }
#FrontBlogPost, #wrapfirst, #paneltwo{ padding:50px 0;  border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#paneltwo{ background-color:#ddd;}
h2.section-title {color:#454545; font:300 28px/32px 'Montserrat',san-serif; text-align: center; border-bottom:1px solid #777; padding-bottom:15px; display:table; margin:0 auto 30px auto; }

.welcomecontent{ width:50%; float:left; text-align:right; margin:0 25px 0 0; }
.welcomethumb{ width:45%; float:right; text-align:left;}

.UnderLine{ width:50%; position:relative; display:inline-block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: auto; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #f98700; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}
/* = section first css
-------------------------------------------------------------- */
.colsfour{ background-color:#f6f4f4; color:#2e2e2e; width:23%; padding:10px; float:left; margin:0 2.2% 0 0; text-align:center; position:relative; min-height:280px; box-sizing:border-box;}
.colsfour p{line-height:20px; margin-bottom:20px; }
.colsfour h3{ font-size:16px; font-weight:400; color:#343434; margin:0 0 15px;}
.colsfour h3 a{color:#343434;}
.colsfour:hover h3{ color:#31cafd;}
.colsfour .thumbbx { height:160px; overflow:hidden; margin:0 auto;}
.colsfour .colscontent { padding:20px;}
.colsfour .thumbbx img{ width:100%; height:auto;}

/* = Services section css
-------------------------------------------------------------- */
#panelone{ background-color:#fff; color:#5c5c5c; padding:50px 0; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) inset; text-align:center;}
#panelone h3{ color:#5c5c5c; font-size:24px; font-weight:600; margin-bottom:25px; }
#panelone p{ color:#5c5c5c; margin-bottom:35px; }
.appbutton:hover{ background-color:#f98700;}
.aboutwrap{ width:80%; margin:0 auto; position:relative; }
.aboutthumb{ width:100px; height:100px; margin: 0 auto 20px auto; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border:5px solid #ddd;}
.aboutthumb img{ width:100%; height:auto; min-height:100px;}
.last_column{clear:right; margin-right:0 !important; }
.ReadMore{ background-color:#333;  color:#fff ;display: inline-block; padding:8px 15px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}
.ReadMore:hover{ background-color:#f98700;color:#fff ;}

.welcomewrap p{ margin-bottom:30px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:740px; margin:0; padding:0; float:left;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}
.sitecontent-area{ padding:25px 0;}
.sitecontent-area p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; padding:25px; background-color:#f6f4f4; }
.blog_lists h3{ margin-bottom:0px;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#f98700;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.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:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }
.textwidget select{ width:100%;}
table{ width:100%}
/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; padding:20px; border:1px solid #ccc; -webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 15px; margin:-20px -20px 10px; color:#222; font-size:20px; border-bottom:1px solid #ccc;}
#sidebar ul li{ list-style:inside none disc; list-style-position:inside; border-bottom:1px dashed #d0cfcf; padding:8px 0;}
#sidebar ul li a{ padding:0 0 0 10px; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

/* = Footer css
-------------------------------------------------------------- */
#footer{background-color:#111111; position:relative;  color:#fff;}
.ftr-4-box{width:22%; float:left; margin:0 3% 2% 0; padding:35px 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.widget-column-4 { margin-right:0px !important;}
.ftr-4-box h5{ font-weight:400; font-size:18px; color:#fff; margin-bottom:25px; border-bottom:1px solid #2b2b2b; padding-bottom:15px; }
.ftr-4-box ul{ margin:0; padding:0; list-style:inside disc;}
.ftr-4-box ul li { padding:0; color:#fff; padding:3px 0; border-bottom:1px solid #2b2b2b;}
.ftr-4-box ul li:last-child {border:none;}
.ftr-4-box ul li a { color:#fff; font-size:13px; padding-left:10px; }
.ftr-4-box ul li a:hover, .ftr-4-box ul li.current_page_item a { color:#f98700; }
.ftr-4-box p{ margin-bottom:0;}
.sitefooter {  background-color:#000; position:relative; padding:15px 0;}
.sitefooter a:hover{ color:#fff;}
.footerleft { float:left;}
.footerleft span{color:#f98700;}
.footerright { float:right;}