/*
Theme Name: Mobile First
Theme URI: https://cyberchimps.com/mobile-first/
Author: CyberChimps
Author URI: https://cyberchimps.com/
Description: Mobile First is a Gutenberg Compatible WordPress theme designed keeping in mind the responsive design. Be it any device - laptop, desktop, smartphone, iPad, etc. the theme will adapt to any device. It has useful features like the Twitter feed, social icons, and single post sharing that makes it a power-packed theme. Visible edit links in the customizer is a convenient feature that in this theme.
Version: 1.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, blog
Text Domain: mobile-first

Mobile First WordPress Theme © 2014 CyberChimps
Mobile First is distributed under the terms of the GNU GPL
*/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline;}body{line-height:1.5em}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
th, td{padding:2px}big{font-size:125%}small, sup, sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd, tt{font-family:courier;font-size:80%}ins{text-decoration:underline}del, strike, s{text-decoration:line-through}

body{font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;color:#fff;background:#111}
p{margin:20px 0}
.entry-content p{font-size:16px;line-height:24px}
.entry-content p:first-of-type, blockquote p:first-child{margin-top:0}
.entry-content p:last-of-type, blockquote p:last-child, .entry-content:last-child{margin-bottom:0}
#content, .widget-container{font-size:87.5%}
a, h2{color:#285b85;text-decoration:none}
a:hover{text-decoration:underline}
h1, h2, h3, h4, h5, h6{font-family:arial,helvetica,sans-serif;font-weight:normal;margin-top:30px;margin-bottom:5px;clear:both}
#content header h1.entry-title, #content article:first-child h1.entry-title, #content header h2.entry-title, #content article:first-child h2.entry-title, #sidebar .widget-container:first-child h3, #lsidebar .widget-container:first-child h3, #rsidebar .widget-container:first-child h3{padding-top:0;margin-top:0}
h1{font-size:280%}
h2{font-size:210%;line-height:30px}
h3{font-size:165%}
h4{font-size:145%}
h5{font-size:135%}
h6{font-size:125%}
strong, dt{font-weight:bolder}
em, address, cite, var{font-style:italic}
code{font-family:'courier new',courier,serif;color:#25d0ef}
pre{
    font-size: 0.85em;
    line-height: 1.53;
    padding: 9.5px;
    margin: 0 0 0.6em;
    background-color: #f5f5f5;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, 0.15);
    white-space: pre-wrap;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
    color: #333333 !important;
}
hr{height:1px;border:none;margin:30px 0;background:#333}
.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol{text-indent:-8px;margin-top:10px;margin-left:20px !important;margin-bottom:10px}
.entry-content li:before, .comment-content li:before{content:"- "}
ol li:before{content:"" !important}
#container ol, .comment-content ol{list-style:decimal inside}
#sidebar .widget-container ul{display:block;margin-left:10px}
blockquote{padding:15px;border:4px solid #eee;margin:10px 2%;background:#333}
input, textarea{font-size:70%;color:#eee;padding:5px;border:1px solid #444;outline:none;background:#333}
#container input, #container textarea{font-size:90%;border:1px solid #444}
input[type="submit"], input[type="reset"], #menu .toggle:hover{cursor:pointer}
#content input[type="submit"], #content input[type="reset"], #container #searchsubmit, .button{font-size:100% !important;color:#fff;padding:8px 10px;border:1px solid #25d0ef;background:#25d0ef;opacity:0.9}
#content input[type="submit"]:hover, #content input[type="reset"]:hover, #container #searchsubmit:hover, .button:hover{opacity:1}
.clear{clear:both}
a img, input[type="image"]{border:0 none}
img, video, table, select{max-width:100% !important;height:auto}
table{width:100%}

#wrapper{}
#header, #breadcrumbs, #twitter-feed{margin:0 4%;clear:both}
#header{padding-bottom:30px;margin-top:50px;margin-bottom:50px;}
#branding{margin-bottom:30px;float:left}
#logo{width:100%}
#container{clear:both}
#content{width:60%;padding:4%;float:left}
.page-template-templatestemplate-sidebar-left-php #content, .page-template-templatestemplate-sidebar-left-left-php #content{float:right}
.page-template-templatestemplate-sidebar-none-php #content, .page-template-templatestemplate-login-php #content{width:92%}
.page-template-templatestemplate-sidebar-left-left-php #content{padding:0}
.page-template-templatestemplate-sidebar-left-right-php #content{padding:4% 0}
#sidebar{width:28%;margin:4% 4% 4% 0;float:right}
.page-template-templatestemplate-sidebar-left-php #sidebar{margin-right:0;margin-left:4%;float:left}
#lsidebar-sidebar, #rsidebar-sidebar{width:12%;margin:4%;float:left}
.page-template-templatestemplate-sidebar-left-left-php #content, .page-template-templatestemplate-sidebar-left-left-php #rsidebar-sidebar, .page-template-templatestemplate-sidebar-right-right-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-right-right-php #rsidebar-sidebar{margin:4% 4% 4% 0}
#footer{padding:4%;background:#25d0ef;clear:both}

#social{float:right}
#social a img{width:32px;height:32px;margin:0 0 10px 10px;background:#fff;opacity:0.7;float:right}
#social a img:hover{opacity:1}

#menu{position:fixed;top:0;left:0;width:100%;background-color:#25d0ef;background-image:url(images/nav-bg.png);background-repeat:repeat-x;clear:both;z-index:2147483647}
#menu ul.menu{padding-left:4px}
#menu .parent > a, #menu .parent > a:hover{background-image:url(images/arrow.png);background-position:right;background-repeat:no-repeat}
#menu ul ul .parent > a, #menu ul ul .parent:hover > a:hover, #menu ul ul li:hover ul .parent > a, #menu ul ul li:hover ul .parent > a:hover{background-image:url(images/arrow-right.png);background-position:right;background-repeat:no-repeat}
#menu ul, #menu ul li{display:inline}
#menu ul li a{display:inline-block;font-family:'lucida grande',helvetica,arial,verdana,sans-serif;font-size:14px;color:#fff;line-height:37px;text-decoration:none;padding:0 15px;border-right:1px solid #555}
#menu .sub-menu li a, #menu .children li a{color:#eee}
#menu ul.menu li a{margin-left:-4px}
#menu ul li a:hover{color:#fff;text-decoration:none;box-shadow:0 0 5px #000 inset;background:#444}
#menu .current-menu-item a, #menu .current_page_item a{color:#666}
#menu .current-menu-item .sub-menu a, #menu .current_page_item .children a{text-shadow:1px 1px 1px #333}
#menu ul > li:first-child a:hover{border-radius:0}
#menu .sub-menu li a, #menu .children li a{border-radius:0 !important}
#menu li .sub-menu{margin-left:-4px}
#menu ul li{position:relative}
#menu li ul{display:none;position:absolute;top:29px;left:0}
#menu li ul a{background:#666}
#menu ul ul li:hover ul, #menu ul ul ul li:hover ul{left:0;margin:-34px 0 11px 179px}
#menu ul li:hover ul{display:inline-block}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul{display:none}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{display:block;z-index:2147483647}
#menu ul li:hover ul li a, #menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{font-size:13px;line-height:30px;width:150px;padding:0 14px;border:1px solid #444;margin:-1px 0 0;opacity:0.9}
#menu ul li:hover ul li a{}
#menu ul ul li:hover ul li a{}
#menu ul ul ul li:hover ul li a{}
#menu ul li:hover ul li a:hover, #menu ul ul li:hover ul li a:hover,#menu ul ul ul li:hover ul li a:hover{background:#555;opacity:1;box-shadow:none}
#menu .toggle{display:none;color:#fff;text-align:center;line-height:37px}

#breadcrumbs{font-size:13px;color:#eee;padding:10px 10px 8px;margin-bottom:30px}
#breadcrumbs ul, #breadcrumbs li{display:inline}

.slider-wrapper{max-width:1000px;height:auto !important;padding:0 !important;margin:90px auto;background:transparent !important;clear:both}
.slider-wrapper #wpns_slider{width:100%;height:auto}
.slider-wrapper, .nivoSlider img{max-width:100% !important;max-height:200px !important}

#twitter-feed{box-sizing:border-box;padding:10px 20px;border:1px solid #444;margin-top:50px;margin-bottom:30px;background:#333}
#twitter-feed .twitter-timeline{width:100% !important}
#twitter-feed .tweet *{color:#fff !important}

#share{margin:2% 0 1.5%}
#share .fb-like{float:left}
#share .twitter-share-button{margin-left:30px;float:left}
#share .g-plusone{float:left}

#header a{outline:none}
#content, #sidebar{line-height:145%}
.entry-content{margin:20px 0}
.entry-meta, .entry-footer, .comment-meta, #copyright{font-size:90%}
#site-title a, #site-title h1 a, #site-title h1{font-family:arial,helvetica,sans-serif;font-size:70px;font-weight:bolder;color:#fff;padding:0;margin:0}
#site-title a:hover, #site-title h1 a:hover{text-decoration:none}
#site-description{font-size:112.50%}
h4, h5, h6, .entry-meta, .entry-footer, .comment-meta, #form-allowed-tags code{color:#eee}
#sidebar ul{display:inline;padding:0;margin:0}
.widget-title{font-size:180%;padding-bottom:1px;border-bottom:1px solid #222;margin-bottom:5px}
#respond h3{clear:left}
#footer a{color:#666}
#copyright{text-align:center}

#menu #searchform{margin:7px 7px 0 0;float:right}
#sidebar #searchform{padding:20px 0 30px 0;float:none}
#wrapper #s{width:220px;height:16px;border-right:0;float:left}
#wrapper #menu #s{width:200px;height:13px;color:#888;border:none;border-radius:0;box-shadow:1px 1px 1px #000 inset;background:url(images/find.png) no-repeat scroll right center #888}
#s:focus{color:#fff;background:#333}
#wrapper #menu #s:focus{color:#fff;background:#999}
#searchsubmit{width:60px;height:28px;float:right}
#menu #searchsubmit{display:none}
#container #searchsubmit{padding:0;border-radius:0}
.error404 #content #searchform, .search #content #searchform{margin-top:55px;float:left}

.post{padding-bottom:30px;border-bottom:1px solid #222;margin-bottom:30px}
.entry-title{margin-bottom:15px}
.single .entry-title{line-height:30px;margin-top:12px;margin-bottom:10px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}
.attachment #nav-above a{font-size:30px;text-decoration:none;margin:10px;float:left}
.attachment .nav-next a{float:right}
p.attachment img{display:block;margin:0 auto;clear:both}
.comments ul{padding:0;margin:0}
.comments ul ul, .comments ul ol{margin:10px}
.comment, .trackback, .pingback{padding:3%;margin:3% 0}
.children .comment{padding:3% 0.5% 0.001%;margin:3% 0 0}
.odd{background:#333}
#form-allowed-tags code{font-size:12px}
#respond input{width:40%;display:block}
#respond input:focus, #respond textarea:focus{background:#333}
#respond textarea{width:100%;height:100px;font-family:arial,helvetica,sans-serif;font-size:14px;padding:2%;box-sizing:border-box;overflow:auto}
#respond #submit{width:auto;font-weight:bold}
.avatar{width:48px;height:48px;border-radius:50%;margin:0 5px 5px 0;float:left}

.sticky{}
.sticky .entry-title{padding-top:20px;margin-top:0}
.bypostauthor{background:#222}
.wp-caption{margin:20px 0;max-width: 100%;}
.wp-caption-text{}
.alignleft, .aligncenter, .alignright{text-align:center;}
.gallery-caption{border:1px solid #eee}
.alignleft{margin:15px 15px 15px 0 !important;float:left}
.alignright{margin:15px 0 15px 15px !important;float:right}
.aligncenter{display:block;margin:15px auto;clear:both}
.size-thumbnail{margin:5px}
#wp-calendar{width:100%}
#wp-calendar td{text-align:center}
#wp-calendar #prev{text-align:left}
#wp-calendar #next{text-align:right}
.entry-links, .entry-footer{display:block;clear:both;margin-top:20px}
.post-edit-link{margin:20px 0}

@media all and (max-width:1000px){#sidebar #s{width:92%;border-right:1px solid #eee}#sidebar #searchsubmit{display:none}}
@media all and (max-width:768px){}
@media all and (max-width:767px){#menu label.toggle{display:block}#menu ul{display:none}#menu input.toggle:checked + div > ul{display:block}#menu input.toggle:checked + div > ul li a{display:inline-block;box-sizing:border-box;width:100%;border-right:none}#menu .sub-menu, #menu .children{position:absolute;width:150px;left:100%;margin-top:0;margin-left:-150px !important}#menu ul li:hover ul ul, #menu ul ul li:hover ul ul{top:26px;margin:0 !important}#menu .sub-menu a, #menu .children a{width:150px !important}}
@media all and (max-width:768px){#content, #sidebar, #lsidebar-sidebar, #rsidebar-sidebar{width:92%;padding:4% !important;margin:0 !important}}
@media all and (max-width:320px){#header, #menu #s, #content, #sidebar, #footer{width:100%;max-width:310px;text-align:left;margin-left:auto;margin-right:auto}}

.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
.home #breadcrumbs, #comment-notes, .form-allowed-tags, .twtr-ft{display:none}
#searchsubmit{
  margin-right: 6em;
}

#menu button
{
	margin-left:30px;
}

li.blocks-gallery-item:before {
    content: "";
}
#wrapper .slidedeck-frame {
	clear: both;
}
iframe{
	max-width:100%;
}

.has-background.has-light-gray-background-color{
	background-color: #f5f5f5;
}
.has-text-color.has-light-gray-color{
	color: #f5f5f5;
}

.has-background.has-gray-background-color{
	background-color: #777;
}
.has-text-color.has-gray-color{
	color: #777;
}

.has-background.has-black-background-color{
	background-color: #000000;
}
.has-text-color.has-black-color{
	color: #000000;
}

.has-background.has-blue-background-color{
	background-color: #0286cf;
}
.has-text-color.has-blue-color{
	color: #0286cf;
}

.has-background.has-legacy-background-color{
	background-color: #b6b6b6;
}
.has-text-color.has-legacy-color{
	color: #b6b6b6;
}

.has-background.has-red-background-color{
	background-color: #c80a00;
}
.has-text-color.has-red-color{
	color: #c80a00;
}

.has-background.has-textdefault-background-color{
	background-color: #444444;
}
.has-text-color.has-textdefault-color{
	color: #444444;
}

.has-background.has-linkdefault-background-color{
	background-color: #1eaedb;
}
.has-text-color.has-linkdefault-color{
	color: #1eaedb;
}

.has-background.has-hoverdefault-background-color{
	background-color: #000;
}
.has-text-color.has-hoverdefault-color{
	color: #000;
}