/* 
Theme Name:		 Standardswatch Child
Theme URI:		 https://superbthemes.com/responsiveblogily/responsive-blogily-info/
Description:	 Responsive Blogily is your responsive and seo friendly responsive blog, the theme is crafted to be used for blogging, journalist writing or newspapers. The code is optimized and clean so your websites loading time till be amazing. We have inserted lots of advertisement space where you can put your Google Adsense or other type of ads if you wish. It's a great theme if you're a writer whose writing about entertainment, food, lifestyle, product previews, fashion, travel, gaming or other sort of affiliate blog. The theme works with Beaver Pagebuilder as all our other themes so you can create a minimalistic business agency portfolio, landing page or one page. The design is creative and modern, it's of course responsive so it works on tablets, desktop computers and mobile phones on any system such as Apples iOS/iPhone, Android or Windows phones.
Author:			 ThemeEverest
Author URI:		 https://superbthemes.com/
Template:		 responsiveblogily
Version:		 111.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain:	 simple-responsiveblogily
Tags: two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, blog, entertainment, news
*/


body, code, html, kbd, pre, samp, article .entry-content {
    font-family: Helvetica;
    color: rgba(76, 76, 76, 1);
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
}



.single article .entry-content, .page article .entry-content{
    color: rgba(76, 76, 76, 1);
}

.entry-content a {
    text-decoration: none;
    color: rgba(7, 13, 188, 1);
    font-weight: bold;
    line-height: 1.5em !important;
    font-family: Helvetica;
    font-size: 16px;
}

.footer-info-right a,
.footer-info-right a:hover{
    text-decoration: none !important;
}


.entry-content a:hover{
    opacity: .7;
    webkit-transition: all 300ms cubic-bezier(.55,0,.1,1);
    -moz-transition: all 300ms cubic-bezier(.55,0,.1,1);
    -ms-transition: all 300ms cubic-bezier(.55,0,.1,1);
    -o-transition: all 300ms cubic-bezier(.55,0,.1,1);
    transition: all 300ms cubic-bezier(.55,0,.1,1);
}


.main-navigation ul li a{
    font-size:14px;
}

.main-navigation ul li>a {
    font-weight: 500;
    text-transform: unset;
    
    padding: 0px;
    margin: auto 6px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-navigation ul.pmenu>li:first-child a {
    padding: 0px;
    margin: auto 6px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a {
    display: inline;
    position: relative;
    overflow: hidden;
}

.main-navigation ul li a:after {
    content: "";
    position: absolute;
    
    right: 0;
    width: 0;
    bottom: 8px;
    background: #fff;
    height: 2px;
    
    /*transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;*/
    
    transition: transform .3s ease-out,opacity .3s ease-out;
    
    
    transform: scaleX(0);
}

.main-navigation ul li:hover a:after,
.main-navigation ul li.current-menu-item a:after{
  left: 0;
  right: auto;
  width: 100%;
  transform-origin: left;
  transform: scaleX(1);
}


h1, h2, h3, h1 a, h2 a, h3 a{
    font-family: 'Play', sans-serif;

    color: rgba(1, 42, 88, 1);
    margin: 8px 0;
    padding: 2px 0;
}

h1, h1 a {
    font-size: 40px;
    line-height: 150%;
}
h2, h2 a {
    font-size: 32px;
    line-height: 40px;
}
h3, h3 a {
    font-size: 26px;
    line-height: 32px;
}

h4, h5, h6{
    font-family: Helvetica;
    line-height: 150%;
    margin: 8px 0;
    padding: 2px 0;
    text-transform: capitalize;
    color: rgba(76, 76, 76, 1);
}


.site-branding {
    padding: 10px 0 10px 15px;
    margin-top: 20px;
    text-align: left !important;
}


nav li .sub-arrow{ margin-top: 3px;}
.site-header ul ul li a{    opacity: 1;}


.entry-content ul{
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    line-height: 1.5em !important;
}

.entry-content img{padding: 12px 12px 0px;}

.wp-caption-text{
    line-height: 1.5em;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 12px;
    padding-bottom: 12px;
    margin-right: 12px;
    margin-left: 0.610795px;
    max-width: 465px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    min-width: 25px;
    text-align: left;
}

.comments-area {
	width: 100%
}

.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box
}

.comments-area .comment-meta,
.comments-area .comment-respond {
	position: relative
}

.comments-area .comments-title {
	margin-bottom: 30px;
	color: #222;
	font-size: 30px
}

.comments-area .comment-meta .comment-metadata a {
	color: #999
}

.comment-meta .vcard img {
	float: left;
	margin-right: 14px
}

.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.comments-area .comment-author .fn a {
	color: #222
}

.comments-area .comment-content {
	padding: 20px 0 0 45px;
}

.comments-area .reply .comment-reply-link i {
	font-size: 12px
}

.comments-area .comment-content p {
	margin-bottom: 5px
}

.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px
}

.comments-area p.form-submit input {
	background: #fab526;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border-radius:30px;
	padding: 15px 35px;
	text-shadow: none;
	box-shadow: none;
	outline: 0;
	margin: 0;
	transition: background .25s linear
}


.comments-area ol.comment-list>li:last-child {
	margin-bottom: 0
}

.comments-area ol.comment-list>li {
	width: 100%;
	border-bottom: 3px solid #000
}

#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0
}

.comments-area ol.comment-list ol.children li  {
	padding-top: 20px;
	margin-left:0;
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 0;
	list-style:none;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom: 0px;
	padding-bottom: 0px;
}

ol.children {
	margin-left: 0;
	padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
	position: relative
}

.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid #f00000;
	padding: 40px;
	background: #f5f5f5
}


#comments li.comment .comment-respond {
	margin-top: 10px;
	position: relative
}

.comment-reply-title {
	position: relative;
	color: #3498DB;
	margin: 0 0 16px;
	padding-bottom: 20px
}

p.comment-form-email, p.comment-form-author {
	max-width: 49%;
	float: left;
	display: inline-block;
}

p.comment-form-email {
	margin-left: 2%;
}

.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
	position: relative
}
a#cancel-comment-reply-link {
	display: block;
	font-size: 17px;
	opacity: 0.6;
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond .logged-in-as a {
	color: #000;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: #fff;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px
}

.wp-caption,
embed,
iframe,
object {
	max-width: 100%
}

.comments-area {
	width: 100%
}

.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box
}

.comments-area .comment-meta,
.comments-area .comment-respond {
	position: relative
}

.comments-area .comments-title {
	margin-bottom: 30px;
	color: #222;
	font-size: 30px
}

.comments-area .comment-meta .comment-metadata a {
	color: #999
}

.comment-meta .vcard img {
	float: left;
	margin-right: 14px
}

.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.comments-area .comment-author .fn a {
	color: #222
}

.comments-area .comment-content {
	padding: 20px 0 0 45px;
}

.comments-area .reply .comment-reply-link i {
	font-size: 12px
}

.comments-area .comment-content p {
	margin-bottom: 5px
}

.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px
}

.comments-area p.form-submit input {
	background: #fab526;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border-radius:30px;
	padding: 15px 35px;
	text-shadow: none;
	box-shadow: none;
	outline: 0;
	margin: 0;
	transition: background .25s linear
}


.comments-area ol.comment-list>li:last-child {
	margin-bottom: 0
}

.comments-area ol.comment-list>li {
	width: 100%;
	border-bottom: 3px solid #000
}

#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0
}

.comments-area ol.comment-list ol.children li  {
	padding-top: 20px;
	margin-left:0;
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 0;
	list-style:none;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom: 0px;
	padding-bottom: 0px;
}

ol.children {
	margin-left: 0;
	padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
	position: relative
}

.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid #f00000;
	padding: 40px;
	background: #f5f5f5
}


#comments li.comment .comment-respond {
	margin-top: 10px;
	position: relative
}

.comment-reply-title {
	position: relative;
	color: #3498DB;
	margin: 0 0 16px;
	padding-bottom: 20px
}

p.comment-form-email, p.comment-form-author {
	max-width: 49%;
	float: left;
	display: inline-block;
}

p.comment-form-email {
	margin-left: 2%;
}

.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
	position: relative
}
a#cancel-comment-reply-link {
	display: block;
	font-size: 17px;
	opacity: 0.6;
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond .logged-in-as a {
	color: #000;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: #fff;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px
}

.wp-caption,
embed,
iframe,
object {
	max-width: 100%
}


.image-banner {
    margin-bottom: 35px;
}

.blog article.fbox {
    margin-bottom: 0px;
}

.blog article.fbox .entry-content {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}

.blog article.fbox {
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.primary-menu .pmenu, .super-menu, #smobile-menu, .primary-menu ul li ul.children, .primary-menu ul li ul.sub-menu {
	background:#012a58;
}
#smobile-menu.show .main-navigation ul ul.children.active, #smobile-menu.show .main-navigation ul ul.sub-menu.active, #smobile-menu.show .main-navigation ul li, .smenu-hide.toggle-mobile-menu.menu-toggle, #smobile-menu.show .main-navigation ul li, .primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li, .primary-menu .pmenu, .super-menu {
	border-color:#012a58;
}

.main-navigation ul li a, .main-navigation ul li .sub-arrow, .super-menu .toggle-mobile-menu, .toggle-mobile-menu:before, .mobile-menu-active .smenu-hide {
	color:#fff;
}
header nav .content-wrap {
    width: 100%;
    max-width: 100%;
}
.site-footer {
    background: #012a58;
}
.site-info {
    color:#fff;
    opacity: 1;
}


header .left-content{ width:50%; float: left;}
header .right-content{ width:50%; float:right; text-align: right;}

header .right-content form{
    padding: 10px 25px 10px 15px;
    margin-top: 38px;
}

header .right-content form .search-field{ padding: 10px; min-width: 250px; }

header .right-content form .search-submit{ display:none; }

#input_container {
    position:relative;
}
#input_text {
    padding-right: 30px;
    /*width: 100%;*/
}
#input_img {
    position:absolute;
    bottom:12px;
    right:5px;
    width:24px;
    height:24px;
}

#content.site-content .website-content{
    background-color: transparent;
    background: transparent;
}

#content.site-content{
    background: url(//www.standardswatch.org/wp-content/uploads/2019/04/background.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    /*background-color: #fff;*/
    background-color: transparent;
    background-size: auto;
    margin-top: -7px;
}

/*p{
    clear: both;
}*/

.row{
  clear: both;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.top-box{
    background: #5e6461;
    margin: 0px auto 20px;
    color: #fff;
    padding: 20px;
    padding-bottom: 40px;
    display: inline-block;
    width: 100%;
}

.top-box h2{
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-size: 30px;
}


footer .site-info {
    padding: 15px;
}

.footer-copyright-info{
    text-align:left;
    padding-left: 25px;
}

.footer-info-right,  
.footer-info-right a
{
    font-size: 14px;
    font-weight: 500;
}

#smobile-menu{ display:none; }

.content-wrap.mobile-menu-content-wrap{
    width: 100%;
    max-width: 100%;
}

.menu-toggle.menu-toggle1:before{
    color: #012a58;
}


.mobile-menu-content-wrap .super-menu{
    background: transparent;
    border: none;
    border-bottom: 1px solid #012a58;
    min-height: 58px;
}

.mobile-menu-content-wrap .super-menu .super-menu-inner{

    position: absolute;
    top: 2px;
    left: 25px;
    width: auto;
    
}

.mobile-menu-content-wrap .super-menu .site-branding.branding-logo{
    padding: 10px 0 0px 15px;
    margin-top: 0px;
}

.mobile-menu-content-wrap .super-menu .site-branding.branding-logo img{
    max-height: 38px;
}

@media screen and (max-width: 1023px) {
    
    .main-menu-content-wrap{display:none;}
    
    .main-navigation ul li:hover>a,
    .main-navigation ul li.current-menu-item>a {
    
        display:block;
    }
    
    header .left-content{ width:100%;     float: none;}
    header .right-content{ display:none;}
    .site-branding.branding-logo {
        width: 100%;
        text-align: center !important;
    }
    
    #smobile-menu.show .main-navigation ul li a {
        padding: 5px 10px 12px 0px;
        line-height: 22px;
        margin: auto 20px;
    }
    
    #smobile-menu .content-wrap, #smobile-menu .primary-menu ul{
        margin-top: 8px;
    }
}

@media screen and (max-width: 767px) {
    [class*="col-"] {
      width:100%;
    }
    
    .top-box {
        padding: 0px;
    }
    
    h1 {
        font-size: 28px !important;
        line-height: 36px;
    }
    h2 {
        font-size: 22px !important;
        line-height: 30px;
    }
    h3 {
        font-size: 18px !important;
        line-height: 24px;
    }
    .fbox {
        padding: 15px;
    }
}