/*
Theme Name: SmartHosting
Text Domain: SmartHosting
Version: 1.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
.blog-single h2 {
    font-size: 30px;

    line-height: 1.5;

}
.blog-single h3 {
    font-size: 28px;

    line-height: 1.5;

}
.blog-single h4 {
    font-size: 26px;

    line-height: 1.5;

}
.blog-single h5 {
    font-size: 24px;

    line-height: 1.5;

}
.blog-single h6 {
    font-size: 22px;

    line-height: 1.5;

}
.blog-list {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ccc;
}
.blog-list .post-single-content {
    padding: 40px 0 0;

}
.blog-single{
}
.blog-single h1 {
    font-size: 35px;
    color: #07244c;
    line-height: 1.5;
    margin-bottom: 0;
}
.blog-single h2 {
    font-size: 30px;
    color: #07244c;
    line-height: 1.5;
    margin-bottom: 0;
}

.blog-single{
}
.post-details {
    margin: 0;
    padding: 0;
}
.post-details li {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;

}
.post-details li i {
    margin: 0 4px 0 0;
}
.post-details li:last-child {
    border: navajowhite;
}
.post-details li a {
    padding: 0;
    margin: 0;
	    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    color: #454e5c;
}
.post-details  li a.cat-item:after { content: ","; }
.post-details  li a.cat-item:last-child:after { content: ""; }
.post-single-content p{
font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #454e5c;
}
.post-single-content {
    padding:0 0 40px 0;
    text-align: justify;
}
.widget_search .screen-reader-text {
    display: none;
}
@media (min-width: 981px){
.blog-single .container:before {
    right: 25%!important;
}
.content-area{
    padding-right: 3%;
}
.blog-single .container:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #e2e2e2;
}
#sidebar {
    padding-left: 30px;
}
}
.container {

    position: relative;
}

input[type=search] {
 
}
input.search-submit {
    background: #5cdb95;
    border: none;
    color: #fff;
	height:40px;
}
input.search-submit  {
    background: #5cdb95;
    width: 70px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
   
    top: 0;
}
.widget_search input.search-submit {
    padding: .7em;
    height: 40px!important;
    margin: 0;
    font-size: 16px;
       line-height: 18px;
    color: #fff;
    text-transform: capitalize;
	border: 1px solid #5cdb95;
	 border-left: 0;
}
.widget_search  label {
    display: initial;
}
.widget_search input[type=search] {
    padding: .7em;
    height: 40px!important;
    margin: 0;
    font-size: 14px;
     line-height: 18px;
    border: 1px solid #ddd;
    color: #2f4056;
	    border-right: 0;
}
.widget_search .search-form {
    position: relative;
}
.widget_search #search-form-1 {

    border-radius: 3px 0px 0px 3px;
}
.widget_search input.search-submit:hover {
    background-color: #05386b;
    color: #fff;
	   border: 1px solid #05386b;
}

.sidebarblog .widget {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.sidebarblog h2.widget-title {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 1.7;
    font-weight: 600;
    border-bottom: 1px solid;
	color:#07244c;
}

.sidebarblog ul {

}

.sidebarblog ul li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
  
}
.sidebarblog ul li.current-cat a{
	color:	 #5cdb95;
}
.sidebarblog ul li a {
    font-weight: 600;
}

.commnets-blog h2.comment-reply-title{

    font-size: 25px;
    line-height: 1.5;
   
}
.commnets-blog textarea, .commnets-blog input {
    width: 100%;
    border: 1px solid #05386b;
    box-shadow: 0 0px 5px rgba(26,59,115,.13);
    padding: 5px 0;
}
.commnets-blog p.comment-form-cookies-consent {
    display: none;
}
.commnets-blog input#submit {
    background-color: #5cdb95;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: inline-block;
    border-radius: 35px;
    margin-top: 15px;
    width: auto;
	border:none;
}
.commnets-blog input#submit:hover {
	background-color: #05386b;
}
.commnets-blog  label {

    color: #292929;
    font-weight: bold;
}

.commnets-blog div#comments footer{
	padding:0 ;
	background:none;
	color:#292929;
}
.commnets-blog{
	padding:25px 40px;
}


.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #05386b;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #5cdb95;
}

.single-title{
	font-size:45px;
}
.singlepost li a {
    color: #fff;
	font-size:18px;
}
.singlepost li a:hover {
	color:#fff;
}
.singlepost li i {
    color: #fff;
}
.singlepost li{
    border-right-color: #fff;
}
.no-postfound {
    text-align: center;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    top: -25px;
    width: 210px;
}
.wpcf7 .ajax-loader {
  
    display: block !important;
}

.panedl{
	display:none;
}