/*
Theme Name: SunRain
Theme URI: https://d5creation.com/theme/sunrain

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

Description: SunRain is CSS3 Powered and WordPress Latest Version Ready Responsive Theme.  SunRain has Multi Layer Slider where two Slides can show many Items which can be controlled from the Theme Options Panel.  Super Elegant and Professional Sunrain Theme will be adjusted automatically with all smart devices if the Responsive Layout be Selected.  Full Wide Template can be used for showing showcase or other pages. Other Templates will be useful for Page Builders. SunRain is Page Builder like, Elementor and E-Commerce ready by WooCommerce. You can easily customize/change the colors and layout of your site from the User Friendly SunRain Options Panel. You can Visit the SunRain Demo at http://demo.d5creation.com/wp/themes/sunrain 

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

Version: 2.5

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

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

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

Text Domain: sunrain

*/

/* =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;}
caption, th, td{font-weight:normal;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;}
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.aligncenter{display:block;margin:5px auto 5px auto;}
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:#FFFFFF;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:0 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;}
body{color:#555555;font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.5;word-wrap:break-word; font-weight: 100; min-width: 1100px;}
.box90 { width: 90%; margin: 0 auto; position: relative; }

ul, li, img, a, p, ol, textarea, input, button {transition:all .5s;}

#slide-container div, #slide-container p, #slide-container a, #slide-container li, #slide-container ul, #slide-container ol, #slide-container img  { transition:none;}

img{max-width:100%;border:0 none}
#container{width:90%;margin:40px auto}

#header{background: url("images/back2.png") repeat scroll 0 0 #F0F0F0; width: 100%; display: table; border-top: 7px solid #DDDDDD; position: relative; }
h1.site-title, img.site-logo{max-width:25%;height:auto;padding:5px 0;float:left; font-size: 39px; font-weight: 500;}
#header-content{width:90%;margin:auto; position: relative; display: table}
.site-title-hidden{display:none;}

#content{float:left;width:calc(100% - 365px);}
#content-full{width:100%;}
.content-ver-sep{background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:1px;}
.lsep{background:url("images/lsep.png") no-repeat scroll center top transparent;clear:both;height:5px;margin:10px auto; max-width: 90%;}
#right-sidebar{float:right;width:330px;}
#footer{background:url("images/back3.png") repeat scroll 0 0 #252525;border-top:10px solid #141414;clear:both;width: 100%; position: relative; }
.versep{background:none repeat scroll 0 0 #141414;border-bottom:1px solid #141414;border-top:80px solid #f80f25;height:2px;}
#footer-content{margin:20px auto 0;}

#footer-sidebar{overflow:hidden; margin: 20px -15px 0;}
.versep{background:none repeat scroll 0 0 #141414;border-bottom:1px solid #141414;border-top:80px solid #f80f25;height:2px;}
#footer-content{width:90%;margin:0 auto;}


#footer-sidebar{overflow:hidden;}
#creditline{color:#eeeeee;  background: #141414; font-size:13px;text-align:center; padding: 15px 20px;}
#creditline a{font-weight:bold; }

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

#header.smallheader { position: fixed; left: 0; top: 0; width: 100%; height: 50px; z-index: 9999999; }
.smallheader #top-menu-con { display: none; }
.smallheader .logotitle { height: 45px; width: auto; font-size: 25px;  }

.heightzero{ height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; }
#resmwdt { width: 20px; height: 0px; background: transparent; visibility: hidden; }
#topadjust { display: block; position: relative; width: 100%; height: 0px; }

/* Main Menu
------------------------------------------------------------- */
#main-menu-con{color:#eeeeee;position: absolute; right: 0; bottom: 0; line-height:1; width:auto; max-width: 100%;}
#main-menu-con ul{list-style:none outside none; margin: 0; transition: none; }
#main-menu-con li{float:left;position:relative;margin:0 1px;}
#main-menu-con a{ color:#f80f25;display:inline-block; font-size:13px; padding:11px 9px; position:relative; text-align:center; text-transform:uppercase; font-weight: 700; border-radius: 5px; opacity: 1; transition: all .5s;}
#main-menu-con a:hover,
#main-menu-con .selected a,
#main-menu-con .current-menu-item > a,
#main-menu-con .current-menu-ancestor > a,
#main-menu-con .current_page_item > a,
#main-menu-con .current_page_ancestor > a{background: #f80f25; color: #ffffff; border-radius: 5px 5px 0 0;}
#main-menu-con li ul{float:left;position:relative;margin:0;}
#main-menu-con ul ul { display: none; float:left;left:0;position:absolute;background:#f80f25;z-index:10000; border-radius: 0 5px 5px 5px;}
#main-menu-con ul li ul li{margin:0;}
#main-menu-con ul ul ul{left:100%;top:0;}
#main-menu-con ul ul a{ border-bottom: 1px solid rgba(0,0,0,.15); color:#ffffff;padding:9px 13px; margin:0; width:210px;text-align:left;text-transform:none; font-weight: 100; border-radius: 0; line-height: 1.5;}
#main-menu-con ul ul  li:first-child > a {}
#main-menu-con ul ul  li:last-child > a {border-bottom: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#main-menu-con ul ul a:hover,
#main-menu-con ul ul .current-menu-item > a,
#main-menu-con ul ul .current-menu-ancestor > a,
#main-menu-con ul ul .current_page_item > a,
#main-menu-con ul ul .current_page_ancestor > a{background:rgba(0,0,0,.15);color:#ffffff; border-radius: 0;}
#main-menu-con ul li:hover > ul{ }
#main-menu-con ul li:focus > ul{ display: block; }

#main-menu-con .menu-item-has-children a, #main-menu-con .page_item_has_children a { padding-right: 25px;  }
#main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after, .read-more::after { content: ''; right:5px; position: absolute; top: 50%; transform:translate(0px, -50%); border-style: solid; border-width: 7px 7px 0 7px; border-color: #f80f25 transparent transparent transparent; }
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a {padding:9px 19px 9px 13px;}
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a:after { left: calc(100% - 5px); transform: translate(-100%, -50%) rotate(270deg); border-top-color: #ffffff; }
#main-menu-con .sub-menu li.smedge.menu-item-has-children > a, #main-menu-con .sub-menu li.smedge.page_item_has_children > a {padding:9px 13px 9px 19px;}
#main-menu-con .sub-menu li.smedge.menu-item-has-children > a::after, #main-menu-con .sub-menu li.smedge.page_item_has_children > a::after { left: 3px; right: auto; transform: translate(0, -50%) rotate(90deg); }

#main-menu-con li.smedge > ul { left:auto; right:0; border-radius: 5px 0 5px 5px; }
#main-menu-con li li.smedge > ul  { left:auto; right:100%; border-radius: 5px 0 5px 5px; }

.mobile-menu { background: rgba(250,10,10,.9); color: #eeeeee; cursor: pointer; display: none; position: relative; justify-content: center; align-items: center; width: 40px; height: 40px; }
.mobile-menu span.mbmenu, .mobile-menu span.mbmenu::before { margin: 0; padding: 0; font-size: 25px; height: auto; width: auto; }
.mobile-menu:focus{ outline: 1px solid #333333; }


/* Top Menu
------------------------------------------------------------- */
#top-menu-con { display: flex; float: right; width: auto; max-width: 100%; margin: 3px auto; align-items: center; justify-content: space-between; align-content: center; }
#top-menu-con ul.menu { list-style: none outside none; margin: 0 10px; }
#top-menu-con ul.menu ul{display: none;}
#top-menu-con .menu li{float:left;position:relative;margin:0 3px;}
#top-menu-con .menu a{color:#777777; display:inline-block;font-size:13px; padding:5px; position:relative; text-align:center; border-radius: 5px; font-weight: 500; text-shadow: 0 1px 0 #ffffff; transition: all .5s; }
#top-menu-con .menu a:before { content:"›"; padding: 0 5px 0 0; font-size: 15px; }
#top-menu-con .menu a:hover { background: #dddddd; color: #777777; }

#top-menu-con #flags { width: auto !important; margin: 9px 5px 0 !important; }


/* Search Box 
------------------------------------------------------------- */
.search-form, #bbp-search-form div, #searchform, .woocommerce-product-search, .aws-container .aws-search-field { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
.search-form label{ margin: 0; width: calc(100% - 45px); }
#top-menu-con #searchform, #top-menu-con .aws-container .aws-search-field, #top-menu-con .search-form { display: inline-flex; width: auto; height: 29px; margin: 5px; }
#searchsubmit, .woocommerce-product-search button[type="submit"], input[type="submit"].search-submit, #bbp_search_submit, #searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover { background: #f80f25 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; min-width: 50px; width: 9%; top:0 !important; transition: all .5s;  }
input#s, .search-field, input[type="search"].search-field, #bbp_search { background: rgba(255,255,255,.05); border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: 100%; border: 1px solid #f80f25; }
#searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #c60600; transform: none; }
#top-menu-con input#s:focus, #top-menu-con input[type="search"].search-field { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; }
#top-menu-con input[type="search"].search-field:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }

.extranumber, .connumber { font-weight: 500; margin: 0 10px; display: flex; align-items: center;}
.connumber { font-weight: 500; padding: 0 5px; }
.connumber span { margin-right: 3px; }


/* Sidebar WidGets
------------------------------------------------------------- */
.widget{display:block;word-wrap:break-word;}
#right-sidebar .widget{background:#eeeeee;margin-bottom:20px;padding:15px;}
.widget h3.widget-title{color:#f80f25;padding-bottom:5px;text-transform:uppercase; font-weight: 500;}
#right-sidebar .widget,
#right-sidebar .widget li,
#right-sidebar .widget a {color:#555555;text-decoration:none;}
#right-sidebar .widget a:hover{color:#333333;text-decoration:underline;}
#right-sidebar .widget ul, #right-sidebar .widget ul{margin: 0 0 10px 15px;;}
#right-sidebar .widget li{list-style: square outside none; padding: 5px 0;}
#footer-sidebar .widget{margin-bottom:30px;}
#footer-sidebar .footer-widgets{margin:0 15px;width:calc(25% - 30.03px);min-width:150px;min-height:1px; display: inline-block; vertical-align: top;}
#footer-sidebar .widget{margin-bottom:20px}
#footer-sidebar .widget,
#footer-sidebar .widget li,
#footer-sidebar .widget a{color:#aaaaaa;text-decoration:none;}
#footer-sidebar .widget a:hover{color:#ffffff;text-decoration:underline;}
#footer-sidebar .widget ul, #footer-sidebar .widget ul { margin: 0 0 10px 15px; }
#footer-sidebar .widget li{list-style: square outside none; padding: 5px 0;}
.textwedget{width:100%;}


/* Design Elements
------------------------------------------------------------- */
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{line-height:1.25;margin:0 0 10px; text-decoration:none;}
h1,h2,h3,h4,h5,h6{clear:both;text-decoration:none;}

hr{background-color:#CCCCCC;border:0;height:1px;margin-bottom:10px;}
ul, ol{margin:0 0 10px 25px;}
ul{list-style:square outside none;}
ol{list-style:decimal outside none;}
dl{margin:0 20px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
strong{font-weight:bold;}
cite, i{font-style:italic;}
em { font-weight: 700; }
blockquote cite,
blockquote em,
blockquote i{font-style:normal;}
pre{background:#FFFFFF;border-radius:5px 5px 5px 5px;color:#141414;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;}
abbr,
acronym{border-bottom:1px dotted #777777;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:#EEEEEE;border:2px solid #DDDDDD;border-radius:5px 5px 5px 5px;font-weight:500;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;}
embed{max-width:100%;}

/*Gallery Post
----------------------------*/
.gallery { margin: 0 -10px; text-align: center; }
.gallery-item { margin: 20px 10px; display:  inline-block; vertical-align: top; border: 5px solid #333333; }
.gallery-item img { border:  none !important; padding: 0 !important; width: 100%; }
.gallery-caption{ background:#333333;clear:both;color:#aaaaaa;display:inline-block;margin:0 auto;padding:5px  10px; 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);}
#content .gallery .attachment-cat-page{margin:0 auto;float: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:15px;}

a{color:#C60600;text-decoration:none;}
a:focus{ outline: 1px dotted;}

b, strong{font-weight:bold;}
displaynone{display:none;}
.clear{clear:both;}
table{background-color:#EEEEEE;border:1px solid #FFFFFF;border-radius:3px;padding:5px;min-width:200px;color:#333333;}
td{padding:5px 7px;vertical-align:top;}
th{font-weight:bold;line-height:1;padding:5px 7px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);background:#CCCCCC;}
caption{color:#555555;}


/*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 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:100%;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: #f80f25;}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]{  background: #f80f25; background-image: linear-gradient(to bottom, #f80f25, #c60600); border-radius: 5px; color: #ffffff; font-size: 20px; padding: 10px; 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: #c60600; background-image: linear-gradient(to bottom, #c60600, #f80f25); text-decoration: none; }

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

.post.sticky,
.sticky{background:url("images/sticky.png") no-repeat scroll right top #F0F0F0;margin-bottom:30px;padding:15px;}
.gallery-caption{clear:both;width:95%;}
.bypostauthor{}
#container,
#content,
#content-full{font-size:14px;text-align:justify;}
#content img,
#content-full img{height:auto;max-width:100%;vertical-align:middle;}
#content img.wp-smiley,
#content-full img.wp-smiley{border:none;box-shadow:none;}

#heading1container { width: 100%; background: #141414; padding: 10px 0; margin-bottom: 50px; overflow: hidden; }
.heading1vcenter { width:90%; margin: 0 auto; display: table;}
#heading1container .vcenter { width: 30%; display:table-cell; vertical-align: middle; }
#heading1container .vcenter button { float: right; }
#heading1{font-size:23px;text-align:left;font-weight:100; width: 100%; color: #FFFFFF; float: left; }
.heading-desc1{color:#AAAAAA;font-size:17px;text-align:left;width: 100%; font-weight: 100; line-height: 25px; float: left;}
#heading1 em { color: #f80f25; font-weight: 100; }

#heading2{color:#141414;font-size:40px;text-align:center;font-weight:100; width: 90%; margin: 20px auto 10px;}
.heading-desc2{color:#777777;font-size:21px;text-align:center;width: 90%; margin: 10px auto; font-weight: 100; line-height: 35px;}
#heading2 em { background: #f80f25; padding: 0 10px; color: #FFFFFF; }


#heading3container { width: 100%; padding: 0 0 450px; margin-bottom: -250px; background: url("images/heading3back.png") no-repeat scroll center bottom transparent; }
#heading3{color:#141414;font-size:40px;text-align:center;font-weight:100; width: 90%; margin: 20px auto 10px;}
.heading-desc3{color:#f80f25;font-size:21px;text-align:center;width: 90%; margin: 10px auto 50px; font-weight: 100; line-height: 30px;}

#bqpcontainer { width: 100%; background: url("images/back2.png") repeat scroll 0 0 #EEEEEE; background: url("images/back2.png") repeat scroll 0 0 rgba(211, 211, 211, 0.8); padding: 30px 0 0; min-height: 300px; margin: 0; overflow: hidden; }
#bqpcontainer-sub { width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bqpcontainer-box { display: inline-block; margin: 0 0 30px 4.5%; width: 43.1%; vertical-align: top; min-width: 250px; }
.bqpheading { color:#141414;font-size:40px; margin: 0 0 20px 0; width: 100%; }
.datetitle { display: flex; align-items: center;}
.post-slide-title h2 {font-size: 21px;}
.post-slide-content p {font-size: 15px; text-align: justify; }

.post-slide-box { color: #555555; font-size: 19px; margin: 10px 0; min-width: 200px; width: calc(25% - 30px); }
#bqpcontainer .customers-comment-slide  .bx-controls-direction a { margin-top: -50px; top: 0; }
#bqpcontainer .customers-comment-slide  .bx-controls-direction a.bx-prev  { left: auto; right: 80px;  } 
#bqpcontainer .customers-comment-slide  .bx-controls-direction a.bx-next  { right:30px; left: auto; } 
#customers-comment {  }

/* Featured Boxes
----------------------------*/
#featured-boxs{ display:flex; margin: 65px -7px 0; justify-content: center; flex-wrap: wrap; }
.featured-box{width:calc(20% - 14px); min-width: 150px; margin: 5px 7px 10px; padding: 13px 13px 5px; text-align:justify; position: relative;}
.featured-box h3.fboxtitle {font-weight:100;font-size:25px;color:#f80f25; text-align: center;}
.featured-box .fboxdes { color: #555555; }
#featured-boxs .imagebox { height: auto; width: 190px; max-width: 100%; min-width: 70%; position: relative; margin: 0 auto 15px; padding: 3px; border-radius: 150px; }
#featured-boxs img.box-image{ border-radius: 150px; display: block; margin: 0 auto; width: 100%; height: 100%; padding: 13px; transition: all .5s; }
#featured-boxs .featured-box:hover img.box-image { background: #f80f25; padding: 7px; }
.image-border { border-radius: 150px; border: 3px dashed #777777; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.featured-box:hover .image-border { animation: spin 11s linear infinite; }

blockquote, q {background:#DDDDDD;background:rgba(200, 200, 200, 0.10);border-left:10px solid #CCCCCC;margin:20px 10px;padding:10px;quotes:'<<' '>>';}
blockquote:before, q:before {color:#CCCCCC;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote:after, q:after {color:#CCCCCC;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote p, q p {display:inline;}

.fpage-quote { background: #f80f25; border-radius: 10px; padding: 10px; width: 90%; font-size: 15px; font-style:italic; }
.fpage-quote q, .fpage-quote q:before, .fpage-quote q:after { background: none; border: none; color: #FFFFFF; }
.arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f80f25; margin: 0 0 0 30px; }

.post-date { width: 55px; min-width: 55px; text-align: center; font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0 15px 10px 0;  position: absolute; }
.post-slide-box .post-date { float: left; position: relative; }
.post-month, .post-day{ background: #EEEEEE; width: 100%; display: block; padding: 0 7px;  }
.sticky .post-month, .sticky .post-day { background: #FFFFFF; }
.post-year { background: #f80f25; color: #FFFFFF; width: 100%; display: block; padding: 7px; border-radius: 0 0 10px 10px; }

.post-meta { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.post-meta .sunrainpmeta, .post-meta .sunrainpmeta a { display: inline-flex; align-items: center; width: auto; padding: 3px 5px; margin: 5px 5px; color: #777777; font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; }
.post-meta .sunrainpmeta a, .post-meta a.sunrainpmeta{ padding: 0; margin: 0 0 0 3px; }
.post-meta .sunrainpmeta a:hover { text-decoration: underline; }
.post-meta .sunrainpmeta::before { display: inline-flex; justify-content: space-between; align-items: center; font-family: dashicons; font-size: 20px; }

#bqpcontainer div.post-slide-title { float: left; font-size: 20px; font-weight: 600; }
#bqpcontainer .post-slide-content  { float: left; font-size: 20px; }

#container .attachment-thumbnail{border:1px solid #AAAAAA;border-radius:3px 3px 3px 3px;margin:0px 15px 10px 0;padding:3px;float:left;}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto;}
h1.page-title,
h1.arc-post-title{font-size:40px;text-shadow:-1px -1px 3px #FFFFFF;text-align:left;color:#f80f25; font-weight: 500;}
h2.post-title,
h2.comments,
h3#reply-title,
h2.post-title-color{font-size:35px;margin-bottom:0;padding-bottom:10px;text-align:left;text-shadow:-1px -1px 3px #FFFFFF;}

h2.post-title {  }

.entrytext{padding:10px 0;}
.sticky .entrytext{ padding-bottom: 0; }

h2.post-title a,
h2.post-title a:hover,
h2.comments a,
h2.post-title-color{color:#C60600;}
h3.arc-src{text-transform:uppercase;color:#C60600;font-size:20px;}
h3 span{color:#777777;}
.post,
.hentry,
.no-results{margin-bottom:20px;}
.post-container { margin-left: 80px; }

.read-more{display: table; color: #f80f25; font-size: 19px; font-weight: 500; padding: 5px 21px 5px 0; text-transform: lowercase; position: relative; transition: all .5s; }
.read-more::after { transform: rotate(270deg); }
.read-more:hover {background: #f80f25; color: #ffffff; padding-left: 5px; }
.read-more:hover::after { border-top-color: #ffffff; }

.up-bottom-border{  margin-bottom:20px; padding:5px 0 25px 0;width:100%;border-top:1px solid #DDDDDD;}
.single .up-bottom-border, .sticky .up-bottom-border{ padding-bottom: 0;  margin-bottom: 0; }
.page-link{font-weight:500; border-bottom: 1px solid #EEEEEE; padding: 10px 0; display: flex; align-items: center; }
.page-link .pagelnk, .page-link .pagelnk::before { font-size: 35px; margin: 0; padding: 0; height: auto; width: auto; }
.page-link a{ background: #f80f25; border-radius: 150%; color: #FFFFFF; padding: 3px 10px; margin: 1px 3px; }
.floatleft{float:left;width:45%;text-align:left;}
.floatright{float:right;width:45%;text-align:right;}
#page-nav .alignright{text-align:right;}
#page-nav .alignleft{text-align:left;}
#page-nav a{border-width:1px;font-size:17px;font-weight:bold;padding:10px;}
.pagenextpre{ margin-top: 20px; font-weight: bold; }


/* Comments Box 
---------------------------------- */
#commentsbox{ margin: 30px 0 10px; clear: both; }
.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:#c60600;letter-spacing:3px;font-style:normal;font-weight:bold;}
#commentsbox img.avatar{border: 5px solid #ffffff; border-radius: 150px; box-shadow: 0 0 3px 0 #eeeeee; height: 100px; width: 100px; 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: 60px; }

#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 115px;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:#f33e3e;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:#c60600;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{}
#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 { }

.logged-in-as a {font-size: 17px; color:#c60600; 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%; }

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


#topdirection { background: rgba(0,0,0,.7); border-left: 1px solid #333333; border-radius: 5px 5px 0 0; border-right: 1px solid #333333;
border-top: 1px solid #333333; display: inline; font-size: 50px; height: auto; padding: 10px; position: absolute; right: 20px; text-align: center; vertical-align: middle; width: auto; line-height: .8; bottom: 0; transition: all .5s; }
#topdirection:hover { background: rgba(0,0,0,1); }

/* Social Links
------------------------------------------------------------- */
#social { display: table; margin: 0 auto; padding: 0 5%; text-align: center; background: #f80f25; width: 100%; }
#social a {height:50px;width:50px; display:  inline-block; vertical-align: top; margin: 10px 5px; background-repeat: no-repeat; background-position: center top; background-color: transparent; background-attachment: scroll; }
#social a:hover {background-position: center bottom;}
.fb-link{background-image:url("images/fbicon.png");}
.tw-link{background-image:url("images/twicon.png");}
.yt-link{background-image:url("images/yticon.png");}
.gplus-link{background-image:url("images/gplusicon.png");}
.picassa-link{background-image:url("images/picassaicon.png");}
.li-link{background-image:url("images/liicon.png");}
.feed-link{background-image:url("images/feedicon.png");}


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

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