/*
Theme Name: KABBO
Theme URI: https://d5creation.com/theme/kabbo/

Author: D5 Creation
Author URI: https://d5creation.com/

Description: KABBO is widely used as a Family Theme. You can create your Family Sites in minutes with KABBO Theme. But, it is a Multi-purpose Theme. What is your Purpose? Business? Personal Blog? Portfolio Site? Image Gallery? Family Site? HTML 5 and CSS3 powered KABBO Theme is the right choice for you. KABBO is Super Elegant, Responsive and Professional Theme which will expand your business and site widely. The Slider will show the featured images and contents of posts automatically.  Right and Footer Sidebar will be usable for showing the Widgets and Plugins items. Full Wide page can be used for showing showcase or other pages. KABBO Theme can show Full Content or Excerpt automatically as per your choice. Blog Site users can use this feature. The WP Generic Gallery is designed Attractively. You can show your Images using the Defult Gallery Feature. KABBO Extend has come with exciting Post Options, Theme Options and Extra Functionalities with more than 100 Theme Options. D5 Creation's Support will be with you, Always! 

Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 5.6

Version: 2.5

Tags: two-columns, right-sidebar, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, rtl-language-support, front-page-post-form, full-width-template, blog, portfolio, education, theme-options  

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

KABBO WordPress Theme, Copyright 2012-2020: D5 Creation (www.d5creation.com)
KABBO is distributed under the terms of the GNU GPL


Text Domain: kabbo

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
:focus{outline:0}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;background-color:#EEE;border:1px solid #FFF;box-shadow:0 0 5px 0 #DDD;color:#333}
caption,th,td{font-weight:400;text-align:left}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
a img{border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}


/* =WordPress Core and Addition
-------------------------------------------------------------- */
.alignnone,#content .alignnone,#content-full .alignnone,div .alignnone{margin:5px 20px 20px 0}
.aligncenter,#content .aligncenter,#content-full .aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright,#content .alignright,#content-full .alignright,div .alignright{float:right;margin:5px 0 20px 20px}
.alignleft,#content .alignleft,#content-full .alignleft,div .alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* =Structure
----------------------------------------------- */
body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;word-wrap:break-word;color:#333;background:url(images/back.jpg) repeat fixed left top / 100% auto #1c9afe}
#site-container{ width: 1080px; max-width: 100%; margin: 0 auto; position: relative; display: block; }
#container{ margin:0 auto; padding:0; width:100%; background:#FFF; border-radius:5px 5px 0 0; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
#top-menu-container{margin:0 auto;width:100%;height:55px}
#top-container{background:#333;background:rgba(51,51,51,.95);border-radius:0 0 5px 5px;padding:0 30px;width:1080px; position:fixed;height:55px;z-index:9999}

#header{ min-height:100px; margin: 0 auto; padding: 25px 0; display: block; }
#header-content{ width: 100%; position: relative; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;  }
.logotitle, img.logotitle{color:#dddddd; font-size:45px;font-weight:bold; letter-spacing:-3px; max-height:100%;max-width:300px; text-shadow:1px 1px 1px #000000;word-wrap:normal; }
a.logoandtitle:hover { text-decoration: none; }
.site-title-hidden{display:none}
.site-des { color: #ffffff; font-size: 19px; text-shadow: 1px 1px 1px #333333; margin: 0 0 0 10px; }
.allcenter { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.flexcenter { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 5px; padding: 0; }

#headersep{height:3px;margin:20px -30px}
#content{ width:calc(100% - 340px); padding: 30px; max-width: 100%; }
#content-full{width:100%; }
.content-ver-sep{clear:both;height:1px;background:#CCC;border-bottom:1px solid #FFF}
#right-sidebar{background:#0093C9; overflow:hidden; width:340px; max-width: 100%; padding: 15px; }
#footer{clear:both;margin:0 auto;font-size:13px;min-width:100%;background:#333;border-bottom:1px solid #111;border-top:5px solid #222}
#footer-content{width:100%;margin:0 auto}

#footer-sidebar{ overflow:hidden; padding:20px 30px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
#creditline{background:#222;border-radius:0 0 5px 5px;border-top:1px solid #555;color:#CCC;margin:0 auto;padding:10px 30px;text-align:center;width:100%}
#creditline a{font-weight:700;color:#FFF}
h3.subtitle{color:#AAA}
img{max-width:100%;border:none}

#resmwdt{ width: 20px; height: 0; }

/* Social Links
------------------------------------------------------------- */
.social { display: inline-flex; align-items: center; justify-content: center; }
.social a { margin: 5px; background-color: rgba(0,0,0,.5); opacity: .7; border-radius: 150%;  height: 41px; width: 41px; box-shadow: 0 0 7px rgba(255,255,255,.7); transition:all 1s; background-image: url("images/feed.png"); background-repeat: no-repeat; background-position: center center; background-size: 70% auto; }
.social a:hover { background-color: rgba(0,0,0,.7); box-shadow: 0 0 7px rgba(0,0,0,.7); opacity: 1; }

.social a[href*="wordpress.org"], .social a[href*="wordpress.com"] { background-image: url("images/wordpress.png"); }
.social a[href*="facebook.com"] { background-image: url("images/facebook.png"); }
.social a[href*="twitter.com"] { background-image: url("images/twitter.png"); }
.social a[href*="plus.google.com"] { background-image: url("images/google.png"); }
.social a[href*="pinterest.com"] { background-image: url("images/pinterest.png"); }
.social a[href*="tumblr.com"] { background-image: url("images/tumblr.png"); }
.social a[href*="youtube.com"] { background-image: url("images/youtube.png"); }
.social a[href*="flickr.com"] { background-image: url("images/flickr.png"); }
.social a[href*="vimeo.com"] { background-image: url("images/vimeo.png"); }
.social a[href*="instagram.com"] { background-image: url("images/instagram.png"); }
.social a[href*="linkedin.com"] { background-image: url("images/linkedin.png"); }


/* Search Box 
------------------------------------------------------------- */
#searchform, #searchform *{ box-sizing: border-box; }
#searchform, .search-form, #bbp-search-form div, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex; }
.search-form label{ margin: 0; width: calc(100% - 45px); }
#top-container #searchform, #top-container .search-form { width: auto; height: 31px; margin-top: 10px; float: right; }
#searchsubmit, input[type="submit"].search-submit, #bbp_search_submit, .woocommerce-product-search button[type="submit"] { background: #555555 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; width: 45px; border: none; background-color: #555555;  }
#searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover {border: none; background: #777777 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; }
#searchform input#s, input[type="search"].search-field, #bbp_search, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; border: 1px solid #cccccc; background: #f7f7f7; color: #aaaaaa; }
#searchform input#s{ width: calc(100% - 45px); }
#searchform input#s:focus, input[type="search"].search-field:focus, #bbp_search:focus, .search-field:focus { color: #555555; border-color: #aaaaaa;  background: #ffffff; box-shadow: none; }
#top-container input#s, #top-container input[type="search"].search-field { max-width: none; min-width: 100px; width: 100px; }
#top-container input#s:focus, #top-container input[type="search"].search-field:focus { width: 130px; }

/* Common Elements 
------------------------------------------------------------- */
ol,ul{padding:0 0 10px 20px;display:block;margin-bottom:10px}
ul{list-style:square outside none}
ol{list-style:decimal outside none}
strong{font-weight:700}
dl{margin:0 0 24px}
dt{font-weight:700}
dd{margin-bottom:18px}
strong{font-weight:700}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote cite,q cite,blockquote em,q em,blockquote i,q i{font-style:normal}
pre{background:#FFF;color:#222;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%}
sup{bottom:1ex}
sub{top:.5ex}
address{background:#EEE;border:2px solid #DDD;font-style:italic;font-weight:700;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right}
embed{max-width:100%}
caption{color:#777}

/* Menu Elements 
------------------------------------------------------------- */
#main-menu-con{ width:calc(100% - 175px); max-width:100%; float: left; }
.m-menu{width:100%;margin:0;padding:10px 0 0;list-style:none;font-family:'Coda',cursive,sans-serif;line-height:1;color:#EEE;float:left}
.m-menu li{float:left;padding:0 0 10px;position:relative;line-height:0}
.m-menu a{display:block;font-size:13px;min-width:40px;padding:20px 25px 55px 0;position:relative;text-align:center;text-transform:uppercase;color:#AAA;word-spacing:2px;text-shadow:0 1px 0 #000}
.m-menu li:hover > a,.m-menu .current-menu-item > a,.m-menu .current-menu-ancestor ul > a,.m-menu .current_page_item ul > a,.m-menu .current_page_ancestor ul > a{color:#fafafa;text-decoration:none}
.m-menu li:hover > ul{display:block;visibility:visible;opacity:1;top:53px}
.m-menu ul li:hover > ul{display:block;visibility:visible;opacity:1;top:0;left:calc(100% + 7px);}
.m-menu ul{list-style:none;margin:0;padding:0;visibility:hidden;opacity:0;position:absolute;top:73px;left:-20px;z-index:99999;background:#444;background:linear-gradient(#444,#111);box-shadow:0 0 2px rgba(255,255,255,.5);border-radius:5px; transition: all .25s;}
.m-menu ul ul{top:0; left:calc(100% + 30px);  }
.m-menu ul li{float:none;margin:0;padding:0;display:block; box-shadow:0 1px 0 #111111,0 2px 0 #777}
.m-menu ul li:last-child{box-shadow:none}
.m-menu ul a{padding:10px;width:210px;height:auto;line-height:1;display:block;white-space:pre-wrap;float:none;text-transform:none;text-align:left}
* html .m-menu ul a /* IE6 */{height:10px}
:first-child+html .m-menu ul a /* IE7 */{height:10px}
.m-menu ul a:hover{background:#0186ba; background:linear-gradient(#04acec,#0186ba)}
.m-menu ul li:first-child > a{ border-radius:5px 5px 0 0}
.m-menu ul li:first-child > a:after{content:'';position:absolute;left:30px;top:-8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #444}
.m-menu ul ul li:first-child a:after{left:-8px;top:12px;width:0;height:0;border-left:0;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:8px solid #444}
.m-menu ul li:first-child a:hover:after{border-bottom-color:#04acec}
.m-menu ul ul li:first-child a:hover:after{border-right-color:#04acec;border-bottom-color:transparent}
.m-menu ul li:last-child > a{ border-radius:0 0 5px 5px}
.m-menu:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .m-menu{zoom:1}
:first-child+html .m-menu{zoom:1}

#mobile-menu { display: none;  color: #fff; background: #000;  padding: 5px 9px; font-size: 25px; margin-top: 10px;  line-height: 1; cursor: pointer; }

/* Wedget Elements 
------------------------------------------------------------- */
.widget{display:block;word-wrap:break-word}
.widget ul,.widget ol{padding:0; margin-left: 15px; }
#right-sidebar .widget{ width: 300px; max-width: 100%; margin: 20px auto; }
#right-sidebar .widget h3{padding-bottom:5px;text-transform:uppercase;color:#EEE}
#right-sidebar .widget,#right-sidebar .widget li,#right-sidebar .widget a,#right-sidebar .widget a:hover{color:#FFF}

.widget li{ list-style: square outside none; padding: 5px 0 5px 5px; }

#footer-sidebar .widget{margin-bottom:20px}
.footer-widget{padding:0 20px; margin-bottom: 20px; float:left; min-height: 1px; background:url(images/wline.png) no-repeat scroll left center transparent; }
.footer-widget1,.footer-widget4{width:28%;}
.footer-widget2,.footer-widget3{width:22%;}
.footer-widget1{padding:0 20px 0 0;background:transparent}
.footer-widget4{padding:0 0 0 20px}
#footer-sidebar .widget h3.widget-title {padding-bottom:5px;text-transform:uppercase;color:#dddddd;text-shadow:1px 1px 1px #000000}
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover,#footer table{color:#8f8f8e}

/* Design Elements 
------------------------------------------------------------- */
h1,h1 a,h1 a:visited,h1 a:hover,h2 a:hover,h3 a:hover,h2,h2 a,h2 a:visited,h2 a:hover,h3,h4,h5,h6{font-family:'Coda',cursive,sans-serif;font-weight:400;line-height:1.25;margin:0 0 10px;color:#0093C9;text-decoration:none}
h1{font-size:30px}
h2{font-size:23px}
h3{font-size:20px}
h4{font-size:17px}
h5{font-size:15px}
h6{font-size:13px}
p{margin-bottom:10px;text-align:justify}
a{text-decoration:none;color:#0093C9}
a:hover{text-decoration:underline}
b,strong{font-weight:700}
displaynone{display:none}
.clear{clear:both}

table{padding:5px;min-width:200px;margin-bottom:15px;max-width:100%}
td{padding:5px 7px;vertical-align:top}
th{font-weight:700;line-height:1;padding:5px 7px;text-shadow:0 1px 0 rgba(255,255,255,0.7);background:#CCC}


/*Input and Button
----------------------------*/
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select{background:#f7f7f7;border-radius:5px;font-size:14px;padding:10px 7px;width:auto;border:1px solid #eeeeee; transition: all .5s;}

input[type="password"]{width:200px;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus {background:#ffffff; border-color: #0093C9;}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]{  background: #066e93; background-image: linear-gradient(to bottom, #066e93, #063486); border-radius: 5px; color: #ffffff; font-size: 15px; padding: 13px 20px; text-decoration: none; border: none;cursor: pointer; transition: all .5s ease;; }

button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ background: #063486; background-image: linear-gradient(to bottom, #063486, #066E93); text-decoration: none; }

button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active{position:relative;top:1px;}
input#s{}


s,strike,del{text-decoration:line-through}
.post.sticky,.sticky{background:url(images/sticky.png) no-repeat scroll right top #F2F2F2;border:3px solid #90D9F4;margin-bottom:30px;padding:15px}
#container,#content,#content-full{font-size:14px}
#content img,#content-full img{height:auto;margin:0;max-width:100%;vertical-align:middle}
#heading{background:none repeat scroll 0 0 #DDD;color:#555; width: 100%; font-size:20px;margin:0;padding:20px 30px;text-align:center}
.page-link{float:right;margin:5px 0;text-align:right}
.page-link a{background:#04A8C6;border-radius:50px;color:#FFF;padding:3px 7px}

/*Gallery Post
----------------------------*/
.gallery, .gallery *{ box-sizing: border-box; }
.gallery { margin: 0 -10px !important; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; }
.gallery-item { margin: 20px 10px; display: inline-flex; border: 5px solid #eeeeee; flex-direction: column; align-items: center; justify-content: center; }
.gallery-item img { border: none !important; padding: 5px !important; margin: 0 !important; }
.gallery-caption{  clear:both;color:#333333;display:inline-flex; justify-content: center; margin:0 auto; padding:5px  10px; position:relative; width:100% }
.gallery-columns-1 .gallery-item {width: calc(100% - 20px) !important;}
.gallery-columns-2 .gallery-item {width: calc(50% - 20px) !important;}
.gallery-columns-3 .gallery-item {width: calc(33.333% - 20px) !important;}
.gallery-columns-4 .gallery-item {width: calc(25% - 20px) !important;}
.gallery-columns-5 .gallery-item {width: calc(20% - 20px) !important;}
.gallery-columns-6 .gallery-item {width: calc(16.666% - 20px) !important;}
.gallery-columns-7 .gallery-item {width: calc(14.285% - 20px) !important;}
.gallery-columns-8 .gallery-item {width: calc(12.5% - 20px) !important;}
.gallery-columns-9 .gallery-item {width: calc(11.111% - 20px) !important;}
#content .gallery .attachment-cat-page{margin:0 auto;float:none}


/*Calendar
----------------------------*/
.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar th{text-align: center;}
#wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition:  all .3s; }
#wp-calendar td:hover{background: #e6e6e6; }
#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; }
#wp-calendar caption{font-size:17px; background:#ffffff; font-weight: 700; text-align:center;}
#wp-calendar a { font-size: 15px; font-weight: 700; background: #ccc; display: block; line-height: 2.3; color: #555!important; margin: -5px -7px; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }
caption{color:#555555}

/* ------------------------------------------------------------------------------------------ */
#featured-boxs{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 50px 30px; }
#featured-boxs h2{padding:10px 0 5px;text-align:center;text-shadow:-1px -1px 3px #FFF}
#featured-boxs img.fimage{border:10px solid #EEE;border-radius:150%;display:block;height:200px;margin:0 auto 10px;width:200px}
#featured-boxs img.fimage:hover{border:10px solid #0093C9;transform:scale(0.97);filter: grayscale(100%); }
#featured-boxs p{text-align:justify}
.featured-box{width:calc(33% - 40px); margin: 0 0 30px;}

#customers-comment{font-size:17px;font-weight:700;margin-top:20px;line-height:2}
blockquote,q{font-weight:400;margin:20px 10px;padding:10px}
blockquote:before,q:before{content:'\201C';font-size:4em;line-height:.1em;margin-right:.2em;vertical-align:-.4em;color:#3ab6ea}
blockquote:after,q:after{content:'\201D';font-size:4em;line-height:.1em;margin-left:.2em;vertical-align:-.4em;color:#3ab6ea}
blockquote p,q p{display:inline}
#customers-comment blockquote{text-align:center;margin:20px 10px;padding:10px;quotes:'<<' '>>';font-weight:400;background:#c8eaf8;border-left:10px solid #3ab6ea;border-right:10px solid #3ab6ea}
#container .attachment-thumbnail,#container .attachment-category-thumb{border:1px solid #EEE;float:left;margin:5px 15px 10px 0;padding:3px}
h1.page-title,h1.arc-post-title{font-size:35px;text-transform:uppercase;text-align:left;text-shadow:-1px -1px 3px #FFF}
h2.post-title,h2.comments,h3#reply-title,h2.post-title-color{font-size:30px;margin-bottom:0;padding-bottom:5px;text-align:left;text-transform:uppercase;text-shadow:-1px -1px 3px #FFF;color:#595656}
.entrytext{background:url(images/bottom.png) no-repeat scroll center bottom transparent;padding:10px 0; background-size: 100% auto;}
h3.arc-src{text-transform:uppercase;font-size:20px;color:#777}
.post,.hentry,.no-results{margin-bottom:20px}
.read-more{background:url(images/go.png) no-repeat scroll right center transparent;display:table;padding:5px 30px 5px 0}
.read-more,a.read-more,.read-more a,a.more-link{color:#0093C9;text-decoration:none}
.postmetadata{font-family:Arial,Helvetica,sans-serif;text-shadow:0 0 1px #FFF}
p.postmetadata{margin:0}
.postmetadataw{text-transform:uppercase}
.postmetadata a{color:#999}
.postmetadataw a{color:#43aad0}
.up-bottom-border{background:#FFF;border-top:1px solid #90D9F4;display:inline-block;margin-bottom:13px;padding:5px 10px;width:98%}
.sticky .up-bottom-border{background:#F2F2F2}
.floatleft{float:left;width:45%;text-align:left}
.floatright{float:right;width:45%;text-align:right}
#page-nav .alignright{text-align:right;background:url(images/go.png) no-repeat scroll right center transparent;padding:0 30px 0 0;width:41%}
#page-nav .alignleft{text-align:left;background:url(images/back.png) no-repeat scroll left center transparent;padding:0 0 0 30px;width:41%}
#page-nav a{font-size:17px;font-weight:700}
.up-bottom-border #page-nav .alignleft,.up-bottom-border #page-nav .alignright{margin:5px 0}
.up-bottom-border #page-nav a{font-size:15px;font-weight:400}


/* Comments Box 
---------------------------------- */
.comments { padding: 5px 0; border-bottom: 1px solid #eeeeee; }
.comments::before { padding-right: 10px; }
#commentsbox .commentlist{margin:0;}
#commentsbox .watermark{color:rgba(150, 150, 150, 0.7);font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase;}
#commentsbox .comment-author cite,
#commentsbox .comment-author cite a{color:#0093c9;letter-spacing:3px;font-style:normal;font-weight:bold;}
#commentsbox img.avatar{border: 5px solid #ffffff; border-radius: 150%; box-shadow: 0 0 3px 0 #cccccc; height: 70px; width: 70px; left: 0; position: absolute; }
#commentsbox ul.children{padding:0;}

.comment-body{ background: #eeeeee; border-radius: 5px; padding: 10px;}
.comment-body:after { border-bottom: 15px solid transparent; border-right: 15px solid #eeeeee; border-top: 15px solid transparent; content: ""; margin: 0 0 0 -23px; position: absolute; top: 50px; }

#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 85px;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#commentsbox .comment-meta,
#commentsbox .comment-meta a:link,
#commentsbox .comment-meta a:visited{color:#0093c9;padding-bottom:10px;text-shadow:none;}
#commentsbox .commentlist .children li{border-top:2px solid #ffffff;list-style:none outside none;margin:0 0 0 -25px;}
#commentsbox .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;}
#comment-form{ max-width:650px; margin-top: 30px; }
#respond .required{color:#0093c9;font-weight:bold;position:absolute;}
#commentsbox ol.commentlist, #commentsbox li.commentlist{padding:0;list-style:none;}
#comments-list #respond{margin:0 0 18px;}
#comments-list ul #respond{margin:0;}
#cancel-comment-reply-link{font-weight:normal;line-height:18px;}
#respond input{margin:0 0 9px;}
#respond textarea{ width: 100%; }
#respond .form-allowed-tags{font-size:13px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
h3#reply-title { }
#respond .comment-form-cookies-consent label {width: auto; padding: 0 0 0 10px; }

.logged-in-as a {font-size: 17px; color:#0093c9; font-weight: 400; }
#respond label {font-size: 17px; font-weight: 500; width:20%; padding-right: 10px; display: inline-block;}
.flexboxitem{display: flex; align-items: center;}
.flexboxitem input { width:80%; }


h2#client-text.post-title{opacity:.7;padding:10px 0;text-align:center;color:#6fccf3;text-shadow:1px 1px 3px #EEE}
#client{display:table;display:block\9;margin:20px auto}
#client img{margin:0 13px;max-height:90px;vertical-align:middle;width:100px}
h3 span{color:#7ed3f7}
ul,li,a,div,input,button,img.fimage{transition:all .75s; }
.bypostauthor{}

*, *::before, *::after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; word-wrap: break-word; }

/* 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. */ }
