/*
Theme Name: com15
Theme URI: https://blog.phplist.com/
Author: harpitoweb.com
Author URI: https://harpitoweb.com
Description: phpList.com blog theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: com15
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

basico is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@import url("fonts/font-awesome/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300");

@font-face{
    font-family:'genlight';
    src:url("fonts/Gen-Light-webfont.eot");
    src:url("fonts/Gen-Light-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gen-Light-webfont.woff2") format("woff2"),
    url("fonts/Gen-Light-webfont.woff") format("woff"),
    url("fonts/Gen-Light-webfont.ttf") format("truetype"),
    url("fonts/Gen-Light-webfont.svg#genlight") format("svg");
    font-weight:normal;font-style:normal
}
@font-face{
    font-family:'genregular';
    src:url("fonts/Gen-Regular-webfont.eot");
    src:url("fonts/Gen-Regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gen-Regular-webfont.woff2") format("woff2"),
    url("fonts/Gen-Regular-webfont.woff") format("woff"),
    url("fonts/Gen-Regular-webfont.ttf") format("truetype"),
    url("fonts/Gen-Regular-webfont.svg#genregular") format("svg");
    font-weight:normal;
    font-style:normal
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Structure
    ## Header
    ## Footer
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Knowledgebase
# Querys

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body { margin: 0}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline}
audio:not([controls]) { display: none; height: 0}
[hidden], template { display: none}
a { background-color: transparent}
a:active, a:hover { outline: 0}
abbr[title] { border-bottom: 1px dotted}
b, strong { font-weight: bold}
dfn { font-style: italic}
h1 { font-size: 2em; margin: 0.67em 0}
mark { background: #ff0; color: #000}
small { font-size: 80%}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup { top: -0.5em}
sub { bottom: -0.25em}
img { border: 0}
svg:not(:root) { overflow: hidden}
figure { margin: 1em 40px}
hr { box-sizing: content-box; height: 0}
pre { overflow: auto}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: inherit}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0}
button { overflow: visible}
button, select { text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer}
button[disabled], html input[disabled] { cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0}
input { line-height: normal}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
legend { border: 0; padding: 0}
textarea { overflow: auto}
optgroup { font-weight: bold}
table { border-collapse: collapse; border-spacing: 0}
td, th { padding: 0}



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { 	color:#253746;font-family:'Open Sans', sans-serif;font-weight:400;font-size:15px;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;margin-top:10px;line-height: 1.3}
h6{font-size:16px}
p { margin-bottom: 1em}
dfn, cite, em, i { font-style: italic}
blockquote { margin: 0 1.5em}
address { margin: 0 0 1.5em}
pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em}
code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem}
abbr, acronym { border-bottom: 1px dotted #666; cursor: help}
mark, ins { background: #fff9c0; text-decoration: none}
big { font-size: 125%}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box}
*, *:before, *:after { box-sizing: inherit /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ }
body { background: #fff; /* Fallback for when there is no custom background color defined. */ }
blockquote:before, blockquote:after, q:before, q:after { content: ""}
blockquote, q { quotes: "" ""}
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em}
ul, ol { margin: 0 0 1.5em 3em}
ul { list-style: disc}
ol { list-style: decimal}
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em}
dt { font-weight: bold}
dd { margin: 0 1.5em 1.5em}
img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */}
table { margin: 0 0 1.5em; width: 100%}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02)}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15)}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px}
textarea { padding-left: 3px; width: 100%}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: #2E73BA;text-decoration:none}
a:visited { color: #2E73BA}
a:hover, a:focus, a:active { color: #2E73BA}
a:focus { outline: none}
a:hover, a:active { outline: 0}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { display: block; width: auto;padding:0px;margin-right:-15px}
.main-navigation ul { display: none; list-style: none; margin: 0px 0px 10px -30px;width:100%}
.main-navigation li { display:block; position: relative;color:#FFF;}
.main-navigation li.user a{background-color: #2E73BA;border-radius: 6px;}
.main-navigation li.user a:hover{color:#253746}
.main-navigation a { text-decoration: none;color:#FFF;padding:15px;display:inline-block;line-height:20px}
.main-navigation a:hover,.main-navigation a:visited{color:#FFF !important}
.main-navigation li:hover > a, .main-navigation li.focus > a { }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {color:#2E73BA }
.menu-toggle, .main-navigation.toggled >ul { display: block}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%}
.menu-toggle,.menu-toggle:hover {position: absolute;right:10px;top:10px;margin-right: 15px;padding: 9px 10px;margin-top: 8px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;box-shadow:none}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0px;overflow: hidden;clip: rect(0px, 0px, 0px, 0px);border: 0px none}
.menu-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;margin:3px}
.icon-bar {background: #FFF none repeat scroll 0% 0%;}

/** dropdown menu **/
.btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}
.dropdown-menu li a{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #2E73BA;
    white-space: nowrap;
}
.pull-left {
    float: left !important;
}
.nav .open{ border-top-left-radius:3px;	border-top-right-radius:3px;	background-color:#2E73BA}
.nav .open >a, .nav .open >a:hover, .nav .open>a:focus{background-color:transparent}
.main-navigation .nav .btn{font-size:100%}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
		width:auto
}
.open>.dropdown-menu {
    display: block;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
 .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.dropdown-menu{	background:#2e73ba;	padding:5px;	opacity:0.95;	border-width:0;	border-top-width:1px;}
.dropdown-menu li {	margin-bottom:5px !important;}
.dropdown-menu li a{ color:#FFF; font-size:16px}
.dropdown-menu li a:hover{ color:#CCC !important;}

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



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em}
.alignright { display: inline; float: right; margin-left: 1.5em}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto}



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both}



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em}
/* Make sure select elements fit in widgets. */
.widget select { max-width: 100%}
/* Search widget. */
.widget_search .search-submit { display: none}



/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header{background-color: #2E73BA;font-size: 110%;padding: 0px 30px;width:100%;position:fixed;z-index:9999}
.site-header .header-container{max-width:1170px;margin:0 auto;padding:12px 15px 0px}
.site-header .site-branding{display:inline-block;max-width: 160px;}
.site-header .site-branding h1{line-height:1}
.site-header .site-branding .site-title{margin:0}
.site-header .site-branding a{color:#FFF}
.site-header a:hover{color:#2E73BA}
.site-header .brand {color:#FFF;margin-top:5px}
.site-header .brand .title {color: #FFF;font-weight: 400;font-size: 24px;font-family: "genregular","Open Sans",sans-serif}
.site-header .brand .logo img {vertical-align:middle}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer{background: #253746 none repeat scroll 0% 0%;padding-bottom: 2em;padding-top: 2em;color: #EEE;font-size: 90%;text-align: center}
.site-footer .social {padding: 0px;display: table;margin: 0px auto 20px;border-bottom: 1px dotted #EEE}
.site-footer .social li{list-style: outside none none;float: left;display: table-cell}
.site-footer .social li a {color: #EEE;padding: 20px 10px;display: inline-block;}
.site-footer .secondary-nav {padding: 0px;display: table;margin: 0px auto}
.site-footer .secondary-nav li {list-style: outside none none;float: left;display: table-cell}
.site-footer .secondary-nav li a {color: #EEE;padding: 30px 15px}
.site-footer .credits {text-align: center;font-size: 85%;margin-top: 20px}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content{padding:120px 120px 20px;margin:0 auto;max-width:1170px}
.site-content a:hover{text-decoration:underline}
.text-container{width:100%;float:none;display:block}
.attachment-medium.wp-post-image{max-width:100%;float:none}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block}
.hentry { margin: 0 0 1.5em;border-bottom:1px dotted #999;padding-bottom:20px;display:inline-block;width:100%}
.byline, .updated:not(.published) { display: none}
.single .byline, .group-blog .byline { display: inline}
.page-content, .entry-content, .entry-summary { margin:10px 0}
.page-links { clear: both; margin: 0 0 1.5em}
.cycloneslider{margin:10px auto}
.wp-video{margin:0 auto}
.entry-meta,.entry-footer{font-size:90%;color:#999}
.single h1{color:#2E73BA}
.nav-next,.nav-previous{text-transform:uppercase;font-size:80%}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#comments{margin-top:50px}
.comment-content a { word-wrap: break-word}
.comment-body{margin-bottom:15px}
.bypostauthor { display: block}
.edit-link, .reply, .comments-link{display:inline-block;border-radius:5px;margin:0 10px;padding:1px 5px;background:#2E73BA;text-transform:uppercase;font-size:80%}
.edit-link a,.reply a,.comments-link a{color:#FFF}
.edit-link a:hover, .reply a:hover,.comments-link a:hover{text-decoration:none}
.edit-link:hover, .reply:hover, .comments-link:hover{background:#2E73BA}
.comment-form{border:1px solid #999; padding:20px;background:#EEE}
.comment-form .submit{background:#2E73BA;color:#FFF;border:0;padding:10px 20px}
.comment-form textarea{background:#FFFFFF;border:1px solid #CCC;margin-top:5px}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { display: none /* Theme Footer (when set to scrolling) */}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block}



/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    background-color:#EEE;
    padding:5px
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto

}
.wp-caption-text { text-align: center}
.wp-caption .wp-caption-text { margin: 0.8075em 0}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em}
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%}
.gallery-columns-2 .gallery-item { max-width: 50%}
.gallery-columns-3 .gallery-item { max-width: 33.33%}
.gallery-columns-4 .gallery-item { max-width: 25%}
.gallery-columns-5 .gallery-item { max-width: 20%}
.gallery-columns-6 .gallery-item { max-width: 16.66%}
.gallery-columns-7 .gallery-item { max-width: 14.28%}
.gallery-columns-8 .gallery-item { max-width: 12.5%}
.gallery-columns-9 .gallery-item { max-width: 11.11%}
.gallery-caption { display: block}


/*--------------------------------------------------------------
#  Knowledgebase
--------------------------------------------------------------*/
#kbe_content .kbe_leftcol p {margin-bottom: 2.2em}
#kbe_content h2 span.kbe_count{border-radius: 100px;width: 35px;height: 35px;line-height: 2.5}
#kbe_content span.breadcrumbs {color: white;background: #2E73BA none repeat scroll 0 0;border-radius: 5px;display: inline-block;font-size: 80%;margin: 0 10px;padding: 1px 5px;text-transform: uppercase}
#kbe_content .kbe_leftcol .kbe_categories{column-count:2;column-gap:40px}
#kbe_content .kbe_leftcol .kbe_categories .kbe_category{width:95%}
.kbe_panel{background:#f6f6f6;padding:1px 30px}
.kbe_widget{width:100%}
.kbe_widget #searchform,.kbe_widget_manual{max-width:230px;margin-left:auto;margin-right:auto}
.kbe_widget input[type=text]{color: #666666;font-size: 13px;border: 1px solid #dbdbdb;width: 100%;font-weight:normal;padding: 0 5% 0 20%;
    background: url('../../plugins/wp-knowledgebase/template/images/kbe_search_btn.png') no-repeat left #fff;background-size:13%}
.kbe_widget_manual{ text-align:right; }
.kbe_widget_manual a{background:#2E73BA;border-radius:5px;color:#FFF;width:180px;padding:2px 22px 15px;display:inline-block;text-align:left; }
.kbe_widget_manual a:hover{text-decoration:none;background:#2E73BA}
.kbe_widget_manual a,.kbe_widget_manual a:hover,.kbe_widget_manual a:hover span,
.kbe_widget_manual a span{transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s}
.kbe_widget_manual h3{text-align:right}
.kbe_widget_manual span {background:#418FDE url('https://phplist.org/wp-content/themes/org15/images/icons-manual.svg') no-repeat -1px 20px;
	background-size:100%;border-radius:70px;width:80px;height:80px;margin-top:26px;margin-left:-60px;position:absolute;display:inline-block}
.kbe_widget_manual a:hover span{width:100px;height:100px;background-size:105%;margin-top:15px;background-position:-1px 25px}
.kbe_widget_manual ul{list-style-type:circle !important;font-size:12px;padding-left:45px;text-align:left}
.kbe_widget_manual ul li{padding:0 !important;background:none !important;margin:0 !important}
.kbe_widget .kbe_tags_widget{ margin-bottom:0px}

/*--------------------------------------------------------------
# Querys
--------------------------------------------------------------*/
@media screen and (max-width:899px) {
	.kbe_aside.kbe_aside_right{clear:both;float:none !important;display:block;width:100%;padding-top:20px}
	.kbe_content_left{width:100% !important}
	#kbe_content .kbe_leftcol .kbe_categories{column-count:1}
	#kbe_content .kbe_leftcol .kbe_categories .kbe_category{width:100%}
	.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin: -30px 0px 0px;
		background-color: transparent;border: 0;box-shadow: none;}
	.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {background-image: none;}
	.navbar-nav .open .dropdown-menu>li>a{line-height: 20px;padding: 5px 15px 5px 5px;}

}
@media screen and (max-width: 480px) {
    .site-header{padding:5px 10px 2px}
    .site-header .site-branding{max-width:70%}
    .site-content {padding: 100px 20px 20px}
}
@media screen and (min-width: 900px) {
  .main-navigation::before, .main-navigation::after{content:" ";display:table}
  .main-navigation{float:right}
  .menu-toggle { display: none}
	.main-navigation >ul { display: block;margin:0}
	.main-navigation >ul li{ display: block;float:left;margin-bottom:12px}
	.text-container{width:75%;float:left;display:inline-block}
  .attachment-medium.wp-post-image{max-width:20%;float:right}
  embed, iframe, object { max-width: 100%}
 	.text-container{width:75%;float:left;display:inline-block}
  .attachment-medium.wp-post-image{max-width:20%;float:right}
 	#kbe_content .kbe_leftcol{margin-bottom:50px}
}


/* Mautic forms */
/*.left {
    float: left;
}
.right {
    float: right;
}
.grid-50 {
    width: 49%;
}

.grid-50.left {
    margin-right:1%;
}
.grid-50.right {
    margin-left:1%;
}

.mauticform_wrapper {}
.mauticform-innerform {}
.mauticform-post-success {}
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 10px; }
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 50%; padding: 0.2em 0.2em; border: 1px solid #CCC; box-shadow: 0px 1px 3px #DDD inset; border-radius: 4px; box-sizing: border-box; }
.mauticform-checkboxgrp-row {}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-radiogrp-radio {}

.mauticform-row input[type="text"],
.mauticform-row input[type="email"],
.mauticform-row input[type="tel"],
.mauticform-row input[type="number"],
.mauticform-row input[type="url"],
.mauticform-row input[type="password"],
.mauticform-row input[type="search"],
.mauticform-row textarea {
    padding: 3px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #666666;
    width: 80%;
}

.mauticform-errormsg.newsletter_input_field_error {
    font-size: 1em;
    left: 0;
    top: -67px
}

.mauticform-row {
    background-color: #fff;
    position: relative
}

.mauticform_wrapper br {
    line-height: 0;
    margin: 0;
    padding: 0;
    display: none
}

.mauticform_wrapper p {
    margin: 0;
    padding: 0
}

.mauticform-selectbox {
    padding: 1px 0 5px 3px
}

.mauticform-row.border {
    border: 1px solid #F2F2F2 !important
}

.mauticform-row.focus {
    background-color: #fff;
    box-shadow: 0 0 1px 1px #555 inset
}

.mauticform-label {
    color: #333;
    display: block;
    font-size: .9em;
    margin: 0;
    padding: 0 0 1em 0;
    text-align: left
}

mauticform-message {
    background: #d9edf7 none repeat scroll 0 0;
    border: 1px solid #aaa;
    margin: 0 0 3px;
    padding: 1px 0;
    text-align: center
}

input[type="password"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="file"],
input[type="url"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select,
.no-editable {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 0 8px;
    width: 100%
}

.mauticform-errormsg {
    color: #d94426;
    font-size: .8em;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 2px
}

.mauticform-row.mauticform-button-wrapper {
    background-color: transparent;
    border-top: none;
    position: relative;
    margin: 4px 0
}
.mauticform-button {
    margin: 17px auto 0
}

.mauticform_codecontactusform_message {
    color: green;
    padding: 0 0 16px
}
*/