/*
Theme Name: Writing Board Extend
Theme URI: https://d5creation.com/theme/writing-board

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

Description: Writing Board is perfect for Personal or Corporate Blogs, Tutorial or Learning Sites and of course Multipurpose usages. Modern CSS3 and HTML 5 based design will make your site different from others. Writing Board WordPress Theme is super Elegant and Professional which will expand you widely. RESPONSIVE Layout will make your site available to all devices. The Slider will show the featured images and contents of posts automatically.  Front Page, Right and Footer Sidebar will be usable for showing the Widgets and Plugin items. Full Wide page can be used for showing showcase or other pages. You can visit the Theme Page Here: <a href=" http:// d5creation.com/theme/writing-board" target="_blank"><strong>http:// d5creation.com/theme/writing-board</strong></a>

You can also see the Theme Live at <a href=" http://demo.d5creation.com/themes/?theme=Writing Board" target="_blank"><strong>http://demo.d5creation.com/themes/?theme=Writing Board </strong></a> 

Version: 3.3

Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, rtl-language-support, featured-images, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, entertainment, full-width-template, theme-options, translation-ready, blog, portfolio, education, food-and-drink

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

Writing Board WordPress Theme, Copyright 2014: D5 Creation (www.d5creation.com)
Writing Board is distributed under the terms of the GNU GPL


Text Domain: writingboard

*/

/* =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}
#page-nav .alignleft,#page-nav .alignright{width:45%}
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.5; word-wrap:break-word; color:#333333; background:url(images/background.png) repeat scroll center top #999898; min-width:1280px}
img{ max-width:100%; max-height: 100%; border: none; height: auto; }
#site-container { position: relative; display: block; margin: 0 auto; width: 87%; }

/* =Header
----------------------------------------------- */
#header{ height:auto; margin: 0 auto 30px; }
#resmeasure { visibility: hidden; height: 0px; position: absolute; width: 15px; }
#container{background:#ffffff;margin:0 auto;overflow:hidden;padding:30px 30px 0; }
#header-content { display: flex; justify-content: space-between; align-items: flex-end; position: relative; flex-wrap: wrap; transition: none; height: 100%; min-height: 90px; padding: 5px 30px; }
.logotitle { width: auto; position: relative; max-width: 25%; padding: 5px 0; display: inline-flex; align-items: center; align-self: center; }
.logotitle:hover { text-decoration: none; }
img.site-logo, .site-title { max-height:90%; margin: 0; height: auto; width: auto; transition: all .5s; font-weight: 700; color: #ffffff; font-size: 39px; }
.site-title-hidden{display:none;}

@media screen and (min-width: 1101px) {
#header.smallheader { position: fixed; left: auto; right: auto; z-index: 9999; top: 0; width: 87%; }
#header.smallheader #header-content { min-height: 30px; padding: 3px 30px; background: rgba(41,99,174,0.75); }
#header.smallheader .logotitle { padding: 0; }
#header.smallheader #mmainmenu { max-width: 74%; }
#header.smallheader #main-menu-con { margin: 0; }
#header.smallheader .m-menu > li > a, #header.smallheader .m-menu > li:hover > a {  }
#header.smallheader #header-content img.site-logo, #header.smallheader #header-content .site-title { max-height: 30px; height: 30px; width: auto; font-size: 29px; }
#mmclose { display: none;  position: absolute; top: 50%; transform: translateY(-50%); right: 3px; color: #ffffff; font-size: 21px; cursor: pointer; z-index: 1; }
#mmclose::before { content: '\f057';  }
#header.smallheader #mmclose { display: block; }
#header.smallheader.smallheaderrel { position: relative; }
}
#topadjust { display: block; position: relative; width: 100%; height: 0px; }


/* =Container and Content
----------------------------------------------- */
#container {  }
#content {  }
.content{ float:left; width: calc(100% - 350px); }
.content-full{width:100%}
.content-ver-sep{ clear:both; height:2px; background:#cccccc; border-bottom:1px solid #ffffff; }
h3.subtitle{color:#aaaaaa; margin:0; font-size: 17px; }

/* =Footer and Credit Line
----------------------------------------------- */
#footer{clear:both;margin:30px auto 0;display:block;padding:20px 30px}
#footer-content{margin:0 auto 10px}

#creditline { padding: 10px 0; text-align: center; color:#eeeeee; }
#creditline a {font-weight:700; color:#eeeeee; }


/* Box Sizes 
------------------------------------------------------------- */
.box100 { display: block; position: relative; width: 100%; margin: 0 auto; }
.box90 { width: 87%; }

/* Search Box 
------------------------------------------------------------- */
#searchform, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
#searchloginbox #searchform { width: auto; height: 29px; }
#searchsubmit, .woocommerce-product-search button[type="submit"] { background: #1593ec 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%; min-height: 0px; width: 45px; top:0 !important;  }
input#s, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: calc(100% - 40px); }
#searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #0678c8; }

#searchloginbox input#s { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; }
#searchloginbox input#s:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }

/* 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:#EEE;text-decoration:none}
blockquote cite,q cite,blockquote em,q em,blockquote i,q i{font-style:normal}
pre{background:#EEE;color:#222;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;border:1px solid #CCC}
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:left}
embed{max-width:100%}
caption{color:#555}

/* Menu Elements 
------------------------------------------------------------- */
#mmainmenu { max-width:73%; display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; z-index: 999; }
#main-menu-con { float:right; top: auto; font-family:'Istok Web',sans-serif; }
.m-menu{width:100%; margin:0; padding:0; list-style:none; line-height:1; color:#eeeeee; float:left; transition: .3s; }
.m-menu li{ float:left; position:relative; line-height:0; padding:0; margin: 0; }
.m-menu li:parent{float:left;position:relative;line-height:0}
.m-menu a { color:#ffffff !important;display:block; font-weight:700; letter-spacing:.3px; min-width:40px; padding:10px 5px 25px; margin:0; border-top:5px solid transparent; position:relative; text-align:center; text-shadow:0 1px 0 #000000; text-transform:uppercase; }

.m-menu > li { margin: 0 5px; }
.m-menu > li:before { content: ''; position: absolute; opacity: 0; left: 0; top: auto; bottom: calc( 100% + 50px ); height: 5px; width: 100%; background: rgba(0,0,0,0.3); transition: all .5s; }

.m-menu > li:hover:before, .m-menu > li.current-menu-item:before, .m-menu > li.current-menu-parent:before { opacity: 1; bottom:100%; }

.m-menu li:hover > a, .m-menu .current-menu-item > a,.m-menu .current-menu-parent > a { color:#eeeeee !important; text-decoration:none; }

.m-menu ul li:hover > a, .m-menu ul .current-menu-item > a,.m-menu ul .current-menu-parent > a,.m-menu ul .current-menu-ancestor ul > a,.m-menu ul .current_page_item ul > a,.m-menu ul .current_page_ancestor ul > a { background:#045a86; color:#ffffff; margin:0; padding:15px 5px 25px; padding: 10px; }
.m-menu li:hover > ul { display:block; visibility:visible; opacity:1; top:100%; }
.m-menu ul li:hover > ul{ display:block; visibility:visible; opacity:1;top:0; left: calc(100% - 4px); }
.m-menu ul{ list-style:none; margin:0; padding:0; visibility:hidden; opacity:0; position:absolute; top:95px; left:50%; transform: translateX(-50%); z-index:99999; background:#0398e5; border-radius:3px; }
.m-menu ul ul{ top:0;left:250px; transform: none; }
.m-menu ul li{float:none;margin:0;padding:0;display:block}
.m-menu ul a { padding:10px;margin:0;border:none;width:230px;height:auto;line-height:1.2; display:block; white-space:pre-wrap;float:none; text-transform:none; text-align:left; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight:400; font-size:13px; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); }

.menu-item-has-children::after, .page_item_has_children::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% - 10px); width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent; transition: all .5s; }
.menu-item-has-children:hover::after, .page_item_has_children:hover::after { border-width: 13px 9px 0 9px; top: calc(100% - 13px); transform: translateX(-50%) rotate(180deg); }
.m-menu ul .menu-item-has-children::after, .m-menu ul .page_item_has_children::after { left:auto; right:0; top: 15px; top: 50%; transform: translateY(-50%) rotate(270deg); }
.m-menu ul .menu-item-has-children:hover::after, .m-menu ul .page_item_has_children:hover::after {  top: 12px; transform: rotate(90deg); }
.m-menu ul .menu-item-has-children > a, .m-menu ul .page_item_has_children > a { padding: 10px 20px 10px 10px; }

.m-menu li.smedge > ul { left:auto; right:0; transform: translate(0)}
.m-menu li li.smedge > ul  { left:auto; right:calc(100% - 4px); }

.m-menu li li.smedge > a { padding: 10px 10px 10px 20px; }

.m-menu > li.smedge > ul li:first-child > a:before { display: none; }
.m-menu li .smedge > ul > li:first-child > a:before { left: auto; right:-8px; transform: rotate(180deg); }

.m-menu ul > li.smedge:after { left: 0; right: auto; transform: rotate(90deg); }
.m-menu ul > li.smedge:hover:after { transform: rotate(270deg); }

:first-child+html .m-menu ul a /* IE7 */{height:10px}
.m-menu ul li:first-child > a{ border-radius:3px 3px 0 0; border-top: none; }
.m-menu ul li:first-child > a:before {content:'';position:absolute; top:-8px; width:0; height:0; border-style: solid; border-width: 0 5px 8px 5px; border-color: transparent transparent #0398e5 transparent; left:50%; transform: translateX(-50%);  }
.m-menu ul ul li:first-child > a:before{ left:-8px; top:14px; transform: none; width:0; height:0; border-style: solid; border-width: 5px 8px 5px 0; border-color: transparent #0398e5 transparent transparent; }
.m-menu ul li:first-child > a:hover:before{border-bottom-color:#045a86}
.m-menu ul ul li:first-child > a:hover:before{border-right-color:#045a86;border-bottom-color:transparent}
.m-menu ul li:last-child > a { border-radius:0 0 3px 3px; border-bottom: none; }

.f-menu { margin: 5px auto; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; width: 100%; }
.f-menu li { list-style:none; }
.f-menu li a { font-weight:700; color:#ffffff; border-right: 1px solid #ffffff; padding: 0 7px; margin: 5px 0; }
.f-menu li:last-child a { border-right: none; }
.f-menu li ul {display:none}


#mobile-menu { color: #ffffff; background: rgba(0,0,0,.5); padding: 10px; margin-bottom: 5px; font-size: 20px; display: none; cursor:pointer; width: 100%; text-align: center; justify-content: space-between; align-items: center; }
#mobile-menu::before { content:'\f0c9'; font-size: 20px; padding-right: 10px; }
#mobile-menu::after { content: '\f0d7'; padding-left: 10px; }
#mobile-menu.yesclick::after { content:'\f0d8'; }

@media screen and (min-width: 901px) { .m-menu { background-color: transparent !important ; } }

/* Wedget Elements 
------------------------------------------------------------- */
.widget{ display:block; word-wrap:break-word; }
.widget ul,.widget ol { padding:0; margin-left:15px; }
#right-sidebar{ float:right; width:auto; }
#right-sidebar .widget { width: 320px; margin:0 auto 30px; padding:10px; background:#eeeeee; background:linear-gradient(-45deg,#eeeeee 50%,#dddddd 50%); background-size:100% 100%; border-radius:0 0 3px 3px; overflow:hidden; }
#right-sidebar .widget-title{color:#ffffff;margin:-10px -10px 10px;padding:10px;text-transform:uppercase;text-align:center}
#right-sidebar .widget,#right-sidebar .widget li,#right-sidebar .widget a,#right-sidebar .widget a:hover{ color:#333333; }
.widget li{list-style:square outside none;padding:5px 0}
#right-sidebar .widget.widget_archive li,#right-sidebar #archives.widget li,#right-sidebar .widget li.cat-item{ width:45%; margin-right:4%; min-width:120px; float:left; }

#footer-sidebar { overflow: hidden; margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; }
#footer-sidebar .widget { margin-bottom:20px; }
.footer-widget1,.footer-widget2,.footer-widget3,.footer-widget4{ min-width:200px; }
.footer-widget1,.footer-widget4{ width:calc(30% - 30px); }
.footer-widget2,.footer-widget3{ width:calc(20% - 30px); }
#footer-sidebar .widget-title{ padding-bottom:5px; text-transform:uppercase; color:#ffffff; text-shadow:1px 1px 1px #000000; }
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover {color:#DDD}
#right-sidebar .widget a:hover, #footer-sidebar .widget a:hover { text-decoration: underline; }
#right-sidebar form#searchform input[type="submit"],#footer-sidebar form#searchform input[type="submit"]{padding:8px 7px}
.textwedget{width:100%}

/* 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-weight:400;line-height:1.25;margin:0 0 10px;text-decoration:none;font-family:'Istok Web',sans-serif}
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}
a{text-decoration:none;color:#0867bf}
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}

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

/* Input, Textarea, 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:3px;font-size:14px;padding:10px 7px;width:100%;border:1px solid #cccccc; 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:1px solid #45a9f6; }

button, input[type="reset"], input[type="button"], input[type="submit"], .contactcontainer input[type="submit"] { background:linear-gradient(to bottom, #2891fa 5%, #076cd1 100%); border: none; border-radius:3px; display:inline-block; color:#ffffff; font-family:arial; font-size:17px; padding:11px 17px; text-decoration:none; cursor:pointer; }
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, .contactcontainer input[type="submit"]:hover, .contactcontainer input[type="submit"]:focus { background:linear-gradient(to bottom, #076cd1 5%, #2891fa 100%); }
button:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active, .contactcontainer input[type="submit"]:active {position:relative;top:1px;}
input#s{ }

s,strike,del{text-decoration:line-through}
.sticky{ padding:10px; border: 1px solid #eeeeee; }
.sticky::after { color: #0867bf; content: '\f005'; display: inline-block; font-size: 25px; right: 3px; position: absolute; top: 3px; z-index: 100; font-weight: normal !important; opacity: .5; }
.sticky h2.post-title { padding-right: 40px; }

/* Gallery Post
------------------------------------------------------------- */
.gallery { text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap; }
.gallery-item { margin: 20px 0; float: none; }
.gallery-item img { border:  none !important; padding: 0 !important; width: 100%; height: auto}
.gallery-caption{ clear:both;display:inline-block;margin:0 auto;padding:5px  1px; position:relative; width:100% }
.gallery-columns-1 .gallery-item {width: calc(100% - 20px);}
.gallery-columns-2 .gallery-item {width: calc(50% - 20px);}
.gallery-columns-3 .gallery-item {width: calc(33.333% - 20px);}
.gallery-columns-4 .gallery-item {width: calc(25% - 20px);}
.gallery-columns-5 .gallery-item {width: calc(20% - 20px);}
.gallery-columns-6 .gallery-item {width: calc(16.666% - 20px);}
.gallery-columns-7 .gallery-item {width: calc(14.285% - 20px);}
.gallery-columns-8 .gallery-item {width: calc(12.5% - 20px);}
.gallery-columns-9 .gallery-item {width: calc(11.111% - 20px);}
.widget .gallery-item {margin: 5px;}
.widget .gallery-item img {margin: 0;}

#heading { margin:0 auto; padding:10px; background:#eeeeee; background:linear-gradient(-45deg,#eeeeee 50%,#dddddd 50%); background-size:100% 100%; font-size:20px; text-align:center; }
.page-link{float:right;margin:5px 0;text-align:right}
.page-link a{background:#0471AA;border-radius:50px;color:#FFF;padding:3px 7px}
.advertisement-adv01{margin:-20px auto 25px;display:block}
.advsinglefloat { clear: both; text-align: center; width: 300px; margin: 10px 0 10px 10px; float: right; }
.sadpos-none { float: none; display: block; margin: 10px auto; }
.sadpos-left { float: left; margin: 10px 10px 10px 0; }

/* ------------------------------------------------------------------------------------------ */
blockquote,q{font-weight:400;margin:10px;padding:10px;font-style:italic}
blockquote:before,q:before{content:'\201C';font-size:3em;line-height:.1em;margin-right:.2em;vertical-align:-.4em;color:#0867bf}
blockquote:after,q:after{content:'\201D';font-size:3em;line-height:.1em;margin-left:.2em;vertical-align:-.4em;color:#0867bf}
blockquote p,q p{display:inline}
.fpage-quote{border-left:10px solid #0867bf;border-right:10px solid #0867bf;margin:20px 0;padding:10px;text-align:center}
#container .attachment-thumbnail,#container .attachment-category-thumb{border:1px solid #eeeeee;float:left;margin:5px 15px 5px 0;max-width:65%;padding:3px}
h1.page-title,h1.arc-post-title{font-size:35px;text-transform:uppercase;text-align:left;text-shadow:-1px -1px 3px #eeeeee;color:#011080}
h2.post-title,h2.comments,h3#reply-title,h2.post-title-color{ font-size:25px; margin-bottom:0; padding-bottom:5px ;text-align:left; text-shadow:-1px -1px 3px #eeeeee; color:#595656; line-height: 1.1; }

.searchinfo { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.searchinfo h1.page-title::before { font-size: 80px; width: 100px; line-height: 1; }
.searchinfo h1.page-title { margin: 50px auto; display: flex; align-items: center; }
.searchinfo .backhome { padding: 10px 0; margin: 0 auto; font-size: 17px; }

.searchpage .searchinfo {  margin: 20px 0 30px; }
.searchpage h1.page-title { margin: 0 auto; }
.searchpage .searchinfo h3.arc-src { padding-left: 110px; }

.catpage h1.page-title { text-align: center; }
.catpage .description { text-align: center; border-bottom: 3px dotted #eeeeee; margin-bottom: 10px; padding-bottom: 5px; }

.autbio { background: #f6f6f6; padding: 10px; border-left: 5px solid #1a52f3; display:flex; width: 100%; align-items: center; margin: 10px auto; overflow: hidden; }
.author-image { margin-right: 15px; }
.author-image .avatar { border: 5px solid #ffffff; border-radius: 150px; }
.author-name { color: #1a52f3; margin: 0; }
.author-description {  }


.utext{text-transform:uppercase}
.entrytext{ padding:10px 0 0; }
h3.arc-src{ text-transform:uppercase;font-size:20px;color:#777}
.post,.hentry,.no-results{ margin-bottom:30px; position: relative; }
.read-more{display:table;padding:5px;font-weight:700}
.read-more:before{content:'\f04c';font-size:15px;padding-right:10px}
.read-more:after{content:'\f04c';font-size:15px;padding-left:10px}
.read-more,a.read-more,.read-more a,a.more-link{color:#0867bf;text-decoration:none}
form#loginform input[type="text"],form#loginform textarea,form#loginform input#s,form#loginform input[type="password"]{width:90%}

.postmetadata{font-family:Arial, Helvetica, 'Font Awesome 5 Free' , 'Font Awesome 5 Brands', sans-serif;text-shadow:0 0 1px #ffffff;}
p.postmetadata{margin:0;}
.postmetadata a{color:#2cb8f3;}
.postmetadataw { font-size: 17px; letter-spacing: 1px; margin-bottom: 5px; }

.floatleft{float:left;width:45%;text-align:left;}
.floatright{float:right;width:45%;text-align:right;}

/* Post Meta and Navigation
------------------------------------------------------------- */
.post-meta { width: 100%; font-weight: 500; padding:10px 20px; background:#f7f7f7; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.post-meta, .post-meta a { color: #777777; }
.post-meta a:hover { text-decoration: underline; }
.post-meta span { margin: 3px 10px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.post-meta span:before { padding-right: 5px;}

.sticky .post-meta { width: calc(100% + 20px); margin: 0 -10px -10px; }

.page-nav { text-align: center; position: relative; margin: 0 -20px; padding: 10px 20px; }
.page-link { font-weight: bold; padding: 10px 20px; border-bottom: 2px solid #cccccc; display: table; margin: 10px auto 0; font-size: 19px; line-height: .8; border-top: 2px solid #cccccc; }
.page-link a { background:#3aa5f8; padding:0 7px;color:#ffffff; }
.page-nav .alignright{ text-align:right; }
.page-nav .alignleft{ text-align:left; }
ul.page-numbers { list-style: none; margin: 0; }
.page-numbers li { display: inline-block; vertical-align: top; margin-bottom: 15px; }
.page-numbers li .page-numbers {color: #085d96; font-size: 19px; padding: 3px 10px; background: #eeeeee; border: 5px solid rgba(0,0,0,.1); border-radius: 50px; transition: all .5s;}
.page-numbers li .page-numbers.current, .page-numbers li .page-numbers:hover { border: 5px solid #085d96; color: #ffffff; background: #085d96; text-decoration: none; }
.page-nav .prev.page-numbers, .page-nav .next.page-numbers {background: transparent; border: none; font-size: 35px; line-height: 27px;}
.page-nav .prev.page-numbers:hover, .page-nav .next.page-numbers:hover {background: transparent; color: #555555; border: none; }
.content .pagenavlink { width: calc(50% - 10px); margin: 10px 0; font-size: 15px; }



h2.fcname{color:#fff;padding:7px 5px;text-align:center}
.special-cat-sub{float:left;padding-right:4%;width:30%;min-width:150px}
h5.fcpt li{list-style:square inside none}


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

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

#comments .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 97px;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-meta { border-bottom: 1px solid #cccccc; padding-bottom: 3px; font-size:13px; text-shadow:none; }
#comments .comment-content { border-top: 1px solid #ffffff; padding-top: 5px; }
#comments .comment-author a { color:#011080; }
#comments .comment-metadata a { color:#25b3fd; }
#comments .commentlist .children li{border-top:2px solid #ffffff;list-style:none outside none;margin:0 0 0 -25px;}
#comments .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;}
#comment-form{max-width:650px;}
#respond .required{color:#02365A;font-weight:bold;position:absolute;}
#comments ol.commentlist, #comments li.commentlist{padding:0;list-style:none;}

.comment-reply-link { background: #555555; padding: 3px 9px;  color: #ffffff; border-radius: 3px; font-size: 13px; transition: all .5s; }
.comment-reply-link:hover { color: #ffffff; background: #333333; }
#cancel-comment-reply-link { font-weight:normal; line-height:18px; font-size: 15px; }

#respond { margin: 20px auto; }
#respond input{margin:0 0 9px;}
#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:15px;width:auto;}

.logged-in-as a {font-size: 17px; color: #085d96; }
#respond label {font-size: 17px; font-weight: 500; width:30%; padding-right: 10px; display: inline-block;}
.flexboxitem{display: flex; align-items: center;}
.flexboxitem input { width:70%; }

#respond .comment-form-cookies-consent label {width: auto; padding: 0 0 0 10px; }

/* Clients Box
------------------------------------------------------------- */
.clntback{margin:20px 0;border-top:1px solid #eeeeee}
.clntback .client-text{border-bottom:1px solid #eeeeee; margin:5px 0;text-align:center; color:#25b3fd; }
.clntback .clientslider ul{padding:10px 0}
.content .clntback img,.content-full .clntback img{float:left;margin:10px;width:130px}
h3 span {color:#25b3fd}
ul,li,a,div,input,button,img.fimage{ transition:all .5s; }
.conwidth{font-style:italic;margin:-20px 0 20px;max-width:100%;color:#aaaaaa}
.conwidth a,.conwidth a:hover{margin-right:5px;border-bottom:1px dotted #aaaaaa;text-decoration:none}

/* Slider
------------------------------------------------------------- */
#slideandheading { margin: 0 auto 30px; overflow: hidden; border-radius: 4px; }

/* Featured Box
------------------------------------------------------------- */
.fpgal-title {text-align:center;color:#25b3fd;border-top:3px solid #011080;padding-top:5px}
.editorschoice { border-bottom: 3px solid #25b3fd; border-top: 1px solid #eeeeee; margin-bottom: 30px; padding: 20px 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.featuredfp{ width:calc(50% - 10px); margin:10px 0; }
.editoritems { display: flex; justify-content: flex-start; align-items: center; }
.featuredtitle{ margin: 0 10px; }
.featuredtitle h3 { font-size:17px; color:#0157a7; }
.edchoice{ width:50px; height:50px;  background:#555555; overflow:hidden; }
#container .edchoice .attachment-thumbnail { border:none; padding:0; margin:0; max-width:50px; }

.fpage-quote,.fpec { background:linear-gradient(-45deg,#f9f9f9 50%,#ffffff 50%);background-size:100% 100%; }
.hfback,#right-sidebar .widget-title { background:#0157a7; background:linear-gradient(-45deg,#0867bf 50%,#0157a7 50%); background-size:100% 100%; }

.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:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.advertisement{width:100%;display:block}

/* Video Box
------------------------------------------------------------- */
video.sldvideo { width: 100%; max-width: 100%; height: auto; margin-bottom: -4px; }
.embedvideo { width: 100%; max-width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embedvideo iframe, .embedvideo object, .embedvideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videoframe { position: relative; }

.wp-video, .wp-audio { max-width:  100%; margin-left: auto; margin-right: auto; }
.mejs-controls button { box-shadow:  none; }
video, audio { max-width: 100% !important; height: auto; }

.ytviditem { position: relative; padding-bottom: 56.25%; height: 0; }
.ytviditem iframe, .ytviditem object, .ytviditem embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mp4vidbox { position: relative; }
.playpause { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 55px; cursor: pointer; }
.playpause::after { content: '\f144'; color: #ffffff; opacity: .3; font-weight: normal !important; transition: all .5s; text-shadow: 0 1px 0 #000000; }
.playrunning::after { content: '\f28b'; opacity: 0; }
.mp4vidbox:hover .playpause::after { opacity: .7; }
.mp4vidbox:hover .playrunning::after { opacity: .5; }

/* Front Page Selected Post
------------------------------------------------------------- */
#selpostfp p { margin: 0; }
.spfpmoreclmn { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px; }
.spfpmoreclmn .read-more { margin: 0 auto; }
.spfpmoreclmn .selectedpost { width: calc(50% - 30px); margin: 0 15px 20px; }
.selpostfitex { display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; }
.spfpmoreclmn .selpostfitex { flex-direction: column;  text-align: justify; }
.spfpmoreclmn .selpostfitex h2.post-title { text-align: center; font-size: 20px; }
.spfpmoreclmn h3.subtitle { text-align: center; }
.fpspimgthumb { max-width:150px; min-width: 150px; width: 150px; height: auto; padding:3px; border: 1px solid #eeeeee; margin: 0 10px 5px 0; }
.spfpmoreclmn .fpspimgthumb { max-width:100%; min-width: 100%; width: 100%; padding:3px; border: 1px solid #eeeeee; margin: 0 0  10px; }
.selposttex {  }

/* Social Links
------------------------------------------------------------- */
.social{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto 15px; }
.social a { background:rgba(0,0,0,0.15); background:linear-gradient(-45deg, #f7f7f7 50%, #ffffff 50%);background-size:100% 100%; border-radius:150%; border:2px solid #eeeeee; width:45px; height:45px; margin:0 5px 5px; transition:all 1s; display: inline-flex; justify-content: center; align-items: center; font-size: 25px; color: #555555; }
.social a:hover{  transform:rotate(360deg); text-decoration: none; }
.social a::before {  content: '\f005'; }

.social-link a[href*="wordpress.org"]::before, .social-link a[href*="wordpress.com"]::before { content: '\f19a'; color:   #09b6db; }
.social-link a[href*="facebook.com"]::before { content: '\f39e'; color:   #455afa; }
.social-link a[href*="twitter.com"]::before { content: '\f099'; color:   #33ccff; }
.social-link a[href*="dribbble.com"]::before { content: '\f17d'; color:   #ea4c89; }
.social-link a[href*="plus.google.com"]::before { content: '\f0d5'; color:   #f32e0d; }
.social-link a[href*="pinterest.com"]::before { content: '\f0d2'; color:   #c8232c; }
.social-link a[href*="github.com"]::before { content: '\f113'; color:   #555555; }
.social-link a[href*="tumblr.com"]::before { content: '\f173'; color:   #455afa; }
.social-link a[href*="youtube.com"]::before { content: '\f167'; color:   #F90909; }
.social-link a[href*="flickr.com"]::before { content: '\f16e'; color:   #ff0084; }
.social-link a[href*="vimeo.com"]::before { content: '\f194'; color:   #1AB7EA; }
.social-link a[href*="instagram.com"]::before { content: '\f16d'; color:   #05ace3; }
.social-link a[href*="codepen.io"]::before { content: '\f1cb'; color:   #555555; }
.social-link a[href*="linkedin.com"]::before { content: '\f0e1'; color:   #05ace3; }
.social-link a[href*="vk.com"]::before { content: '\f189'; color:   #0895C4; }
.social-link a[href*="t.me"]::before { content: '\f3fe'; color:   #0680A8; }
.social-link a[href*="xing.com"]::before { content: '\f168'; color:   #b0d400; }
.social-link a[href*="yelp.com"]::before { content: '\f1e9'; color:   #d32323; }
.social-link a[href*="whatsapp.com"]::before { content: '\f232'; color:   #089226; }

/* E-Commerce/WooCommerce
------------------------------------------------------------- */
.ecom-part { margin: 20px auto 20px; display: block; text-align: center; }
.d5woospace { margin: 40px auto 20px; display: block; text-align:justify; }
.d5wooextra { margin: 20px auto 20px; display: block; text-align:justify; }
.woocommerce ul li, .woocommerce-page ul li { transition:all .5s; }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5 { text-shadow: none; }
.ecom-part em { font-style: normal; }
.ecom-part h3.about-us, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-family: 'Anaheim', sans-serif; }
.ecom-part h2.boxtoptitle { font-style: normal; color: #0b619a; font-size: 33px; }
.ecom-part h3.about-us, .woocommerce ul.products li.product a, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-error::before, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #22a5fc; }
.woocommerce span.onsale, .woocommerce ul.products li.product h3, .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #22a5fc !important; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title {  background-color: #0b619a; }
.woocommerce .product_meta { border: 1px solid #eeeeee; padding: 5px; border-radius: 3px; width: 100%; display:  table; }
.woocommerce .entrytext, .woocommerce-account .entrytext, .woocommerce-page .entrytext, .elementor-default .entrytext {background-image: none;}
.woocommerce-MyAccount-navigation ul { margin: 5px 0; padding: 0; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { list-style:  none; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { font-size: 15px; text-transform: uppercase; font-family: Oswald, SolaimanLipi; background: #f6f6f6; margin: 0 0 3px; padding: 5px 7px; list-style: inside square none; border-radius: 3px; color:#0b619a; display:  list-item; transition: all .4s; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #0b619a; color: #ffffff; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #22a5fc; }
.woocommerce a {color: #22a5fc; }
.woocommerce ul.products li.product h3 { color: #ffffff; padding: 5px; font-size: 25px; }
.woocommerce ul.products li.product .price del { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 15px; opacity: .7;  }
.woocommerce ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 17px; margin: 5px auto -5px; }
.woocommerce ul.products li.product .button { display: block; background-color: #f6f6f6; border-radius: 0px; color:#eeeeee !important; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {  padding: 10px; text-align: center; }
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {  padding: 0px; background-color: transparent; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .product_title { border-radius: 0px; color: #ffffff !important; }
.woocommerce .content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page .content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; }
.woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 6px 9px;  }
#right-sidebar .woocommerce ul { margin: 0 0 20px 0;  }
#right-sidebar .woocommerce ul, #right-sidebar .woocommerce li { list-style: none; }
#right-sidebar .woocommerce *::before {   }
#main-menu-con a.wccart-icon { font-size: 17px; font-weight: bold; line-height: 14px; }

#main-menu-con a.wccart-icon, #main-menu-con a.wccart-icon:hover { border: none; }
#main-menu-con a.wccart-icon::before { position:relative; display: inline; padding-right: 2px;}
#main-menu-con a.wccart-icon:hover::before { content: "\f07a"; border: none; left: auto; }
.woocommerce ins { text-decoration: none; }
.woocommerce div.product .product_title { text-align: center; font-weight:500; padding: 5px; }
.woocommerce .quantity .qty { padding: 7px 3px 8px 5px; text-align: center; width: 70px; }
.ecom-part .boxtopdes { padding: 0; }
.ecom-part h3.about-us { font-style: normal;  font-size: 25px; }
.woocommerce .pswp__caption__center { font-size: 17px; text-align: center; font-family:'Oswald',cursive,SolaimanLipi,sans-serif; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 20px;}

/* new */
.woocommerce #review_form #respond {max-width: 650px;}
.single_add_to_cart_button.button.alt { min-height: 35px; }
.woocommerce p.stars a {font-size: 25px;margin: 0 5px 0 0;}
.woocommerce-form.woocommerce-form-login.login { max-width: 500px; }

/* Front Page Extra
------------------------------------------------------------- */
.fpagecbox, .extracontainer { margin: 0 auto; display: block; position: relative; }
.fpagecbox img {height: auto;}

.widget .wpcf7-form-control.wpcf7-textarea { max-height: 90px; padding: 5px; }
.widget .wpcf7-form-control.wpcf7-text { padding: 5px; }
.widget .wpcf7-form-control.wpcf7-submit { padding: 7px 25px; }

/* Breadcrumbs
------------------------------------------------------------- */
.breadcrumbs { margin: 0 auto; padding: 5px 30px; border-bottom: 1px solid #cccccc; background: #ffffff; width: 100%; }
.breadcrumbs h2.trail-browse {margin-right: 5px;}
.breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline-block; margin:  0; 			padding: 0; border: none; background:  transparent; text-indent: 0; }
.breadcrumbs .trail-browse { font-size: 15px; font-style:  inherit; font-weight: inherit; color: inherit; }
.breadcrumbs .trail-items { list-style: none; }
.trail-items li::after { content: "\f0da"; padding: 0 5px; }
.trail-items li:last-of-type::after { display: none; }


*, *::before, *::after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; }
*::before, *::after { font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', WooCommerce, dashicons, Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
#wpadminbar *::before, #wpadminbar *::after {font-family: inherit;}
.fa, .fas, .far, .fal, .fab { display: block !important; }