/*
Theme Name: Karmela
Theme URL: http://newwpthemes.com/wordpress-theme/karmela/
Description: Karmela is a free WordPress theme with featured posts option. Suitable for any niche. Theme Options at admin panel
Author: NewWpThemes.com
Author URI: http://newwpthemes.com/
Version: 2.0
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
a img {border:none;}

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {padding:5px;}

.container {width:980px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:180px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:600px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:980px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}

.download {float:right;margin:0 8px;}
#content .download a{background:#2BA22B;color:#fff;padding:1px 10px 1px 10px;border-radius:5px;font-size:12px; line-height:18px;display:block;transition:background 0.5s linear;text-decoration:none;}
#content .download a:hover {background:#207B20;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


body {background: #c65542;}
#wrapper {background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/wrapper.png) left 15px repeat-x;}
#container {border-top: 15px solid #fff;margin-top: 15px;}
#contentwrap {background: #fff;}
a {color: #918E8E;text-decoration: none;}
a:hover {color: #C2422E;text-decoration: underline;}

#header {height: 90px;background: #fff;}
#header h1 {margin-bottom: 0px !important;padding: 20px 0 0 0;font-weight: normal;font-family: Arial, Helvetica, Sans-serif;font-weight: bold;font-size: 44px; }
#header h1 a, #header h1 a:visited {color: #000;text-decoration: none;}
#header h2 {color: #000;font-size: 14px;font-family: Arial, Helvetica, Sans-serif;}
.logoimg {margin: 5px 0 0 15px;}

#pagemenucontainer {float: left;background:#443C36;}
#pagemenu {float: right;}
#pagemenu, #pagemenu ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
#pagemenu ul {float: left;list-style: none;margin: 0;padding: 0;}
#pagemenu li {float: left;list-style: none;margin: 0;padding: 0;}
#pagemenu ul li {list-style: none;margin: 0px;padding: 0;}
#pagemenu li a, #pagemenu li a:link {color: #F8F8F8;display: block;margin: 0;padding: 7px 15px 8px 15px;text-decoration: none;font-size: 11px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
#pagemenu li a:hover, #pagemenu li a:active{color: #e9543c;display: block;text-decoration: none;background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/pagenav-hover.png) center top no-repeat;   }
#pagemenu  li.current_page_item a {color:#e9543c;background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/pagenav-hover.png) center top no-repeat;   }
#pagemenu li:hover, #pagemenu li.sfhover {position: static;}

#nav {width:100%!important;}
#navcontainer {display: block;overflow: hidden;margin-bottom: 6px;background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/nav-background.png);}
#navcontainer .current-cat a {background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/nav-background-hover.png)left top repeat-x;color:#FFFFFF;   }

#content {padding: 10px 0 5px 0;color: #232121;float:right;width:598px;}
#content h1, #content h2 {font-size:22px;margin:0 0 5px 0;border-bottom:1px solid #ddd;padding:0 0 5px 0;}

#content p{text-align:justify;}
#content a{color:#C2422E;}
#content .post textarea {background:#fafafa;}

.fbright {float:right; margin:0 5px 0 0;}

.post {padding-bottom:5px;border-bottom:1px solid #ddd;margin-bottom: 20px;}
.post p {margin-bottom: 10px;}
.post ul li a{font-size:14px;}
.post h3 {font-size:18px;}
.post img {margin:5px 0;}
.post a img {border:1px solid #ddd;}
.post a img:hover{border:1px solid #C2422E;}

.contributors ul li{list-style-type:none;}

.title {margin: 0 0 8px 0;line-height: 22px;font-family: Arial, Helvetica, Sans-serif;font-weight: normal;color: #232121;}
.title a {text-decoration: none;color: #232121;}
.title a:hover {text-decoration: none;color: #C2422E;}

.pagetitle {line-height: 22px;font-family: Arial, Helvetica, Sans-serif;text-decoration: underline;}
.readmorecontent {text-align: right;}
a.readmore {padding: 4px 15px;text-decoration: none;font-size: 12px;color: #000000;}
a.readmore:hover {  color: #C2422E;}

.entry {line-height: 20px;font-family: Arial, Verdana;font-size: 14px;}
.navigation {padding: 10px 0;}
.post img {max-width: 680px;height:auto;}
img.wp-smiley {max-height: 12px;margin: 0;padding: 0;border: none;}
.aligncenter,
div.aligncenter {   display: block;   margin-left: auto;   margin-right: auto;}
.alignleft {   float: left;}
.alignright {   float: right;}
.right{float:right;margin-right:5px;}
.wp-caption {max-width:100%; height:auto;}
img.WP-EmailIcon {vertical-align:middle;}


#contactform {margin:0 0 20px 0;}
#contactform * {font-family:Arial; font-size:15px;}
#contactform p{margin:0;padding:0 0 10px 0;}
#contactform input {width:98%; padding:1%;background:#f9f9f9;border:1px solid #ddd;}
#contactform textarea {width:98%; padding:1%;height:150px;background:#f9f9f9;border:1px solid #ddd;}
#contactform input:focus, #contactform  textarea:focus{background:#fff;border:1px solid #ccc;}
#contactform input.wpcf7-submit{width:120px;background:#1f2227;color:#fff;font-size:18px;text-transform:uppercase;cursor:pointer;padding:10px;}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {font-size: 15px !important;padding:  4px 8px !important;color: #232323 !important;background:none !important;border: 0 !important;display:inline-block;}
.wp-pagenavi a:hover {border: 0 !important;color: #fff !important;background:#C2422E !important;border: 0 !important;}
.wp-pagenavi span.pages {font-size: 15px !important;padding:  4px 8px !important;color: #35332F !important;background: none !important;border: 0 !important;}
.wp-pagenavi span.current {font-size: 15px !important;padding:  4px 8px !important;font-weight: bold;color: #fff !important;background:#000000 !important;border: 0 !important;}
.wp-pagenavi span.extend {font-size: 15px !important;padding:  4px 8px !important;background:transparent !important;color: #232323 !important;background: none !important;border: 0 !important;}

.embedcodes{color:#555;margin:5px 0;font-size:12px;text-align:center;}
#wrapper .embedcodes textarea{background:#e9e9e9;border:1px solid #ddd;padding:2px;display:block;width:100%;height:15px;margin:1px 0 5px 0;}
.htmlcode, .bbcode, .imageurl {float:left; width:29%;padding:0 2%;}

.sidebar {margin: 0 0 10px 0;color: #555;}
.sidebar-right {margin: 0 10px 0 0;}
.sidebar-left {margin: 0 0 0 10px;overflow: hidden;}
.sidebar a {text-decoration: none;color: #222;}
.sidebar a:hover {text-decoration: underline;color:#C2422E;}
#search {border: 0;height: 30px;padding: 0;background: #FFFFFF;text-align: right;border: 1px solid #EEEEEE;}
#search input {border: 0;background: none;color: #221C1C;}
#s {width: 140px;padding: 4px;margin:3px 0 0 0;background: none;}
#topsearch #s {  width: 130px;  }
#topsearch #search {margin: 15px 0 0 0;}
.sidebar h2, .sidebar h4 {margin: 10px 0 4px 0;padding: 8px 4px 8px 8px;background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/sidebar-tab.png) left top repeat-x;line-height: 18px;font-family: Arial, Helvetica, Sans-serif;font-weight: normal;color: #2E2F29;}
.sidebar h2{font-size: 16px;}
.sidebar h4 {font-size: 12px;}
.sidebar-left h2 {margin-left: 0;}
.sidebar-right h2 {margin-right: 0;}
.sidebar ul {list-style-type: none;margin: 0 0 10px 0;padding: 0;}
.sidebar ul li {list-style-type: none;margin: 0 0 5px 0;padding: 0;font-size:14px;}
.sidebar ul {list-style-type: none;margin: 0;padding: 0;}
.sidebar ul li, .sidebar li {padding: 6px 0 6px 10px;margin: 0;background: url(https://www.wishbirthday.com/wp-content/themes/Karmela/images/arrow.png) left 11px no-repeat;}

#footer {background: #292222;padding: 22px;text-align: center;color: #FFF;font-size: 13px;}
#footer a {color: #FFF;} 
#footer a:hover {text-decoration: none;color: #FFF;}
#footer2 {color: #292222;font-size: 11px;text-align: center;padding: 10px;}
#footer2 a {color: #292222;text-decoration: none;} 

#comments h3 {margin-bottom: 10px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

.himg {width:185px;float:left;margin:7px;font-size:14px;text-align:center;}
.himg img {width:100%;height:auto;}


#nav a, #subMenusContainer a {text-decoration:none;display:block;}
#nav a {margin:0;float:left;background: none;padding:14px 14px 10px 14px;color: #D3CCC7;font-weight: bold; text-transform: uppercase;font-size: 12px;}
#subMenusContainer a, #nav li li a {color: #fff;font-size: 12px;text-align:left;background-color:#A32007;padding: 8px 24px;}
#nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused{background: url(images/nav-background-hover.png)  left bottom repeat-x;color:#fff;}
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {background-color: #C2422E;color:#fff;}
.subMenuParentBtn {background: url(../img/menu/arrow_right.gif) right center no-repeat;}
.subMenuParentBtnFocused {background: url(../menu/img/arrow_right_over.gif) right center no-repeat;}
.mainMenuParentBtn {/*background: url(../menu/img/arrow_down.gif) right center no-repeat;*/
}
.mainMenuParentBtnFocused {/*background: url(../menu/img/arrow_down_over.gif) right center no-repeat;*/
}
.smOW {display:none;position: absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px;}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {padding: 0;margin: 0;list-style: none;line-height: 1em;}
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {background: none;left:0;}
#nav li {background-repeat:no-repeat;background-position: 100% 5px;cursor: pointer;float: left;margin: 0 2px 0 0;padding: 0 2px 0 0;height: 36px;display: inline;}
#subMenusContainer li {list-style: none;}
#nav {width: 940px;margin: 0 auto;clear: both;overflow: hidden;font-size: 12px;display: block;}
#nav .children{display: none;}
#subMenusContainer {display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000;}


#fbfxd {position:fixed;top:40%;right:0;padding:10px 10px;background:#fafafa;border:1px solid #ddd;-moz-box-shadow: 0 0 5px #bbb;-webkit-box-shadow: 0 0 5px #bbb;box-shadow: 0 0 5px #bbb;width:50px;}
#fbfxd p{margin:0 0 5px 0;color:#555;}
@media screen and (max-width: 1080px) {
#fbfxd {display: none !important;}
}

@media screen and (max-width: 340px) {
body {width:320px;}
#container, .container, #contentwrap {width:320px;}
div.span-24, .span-23, .span-11  {width:100%;}
.span-20 {width:100%;}
#content {width:98%;float:none;padding:1%;}
#content img, textarea {max-width:95%;height:auto;}
#header img.logoimg {max-width:90%;height:auto;}
.span-5 {width:250px;}
.sidebar-right {margin:0 0 10px 10px;}
.himg {width:300px;margin:10px auto;float:none;}
}


@media screen and (min-width: 340px) and (max-width:980px) {
#header img.logoimg {max-width:90%;}
#container, .container, #contentwrap {width:100%;}
div.span-24, .span-23, .span-11  {width:100%;}
.span-20 {width:100%;}
#content {width:98%;float:none;padding:1%;}
#content img {max-width:95%;height:auto;}
textarea {max-width:90%;}
.span-5 {width:250px;}
.sidebar-right {margin:0 0 10px 10px;}
.himg {width:300px;margin:10px;}
}