/*
Theme Name: JohnnyoTheme
Theme URI: http://johnnyodesign.com/
Author: Johnnyo Design
Author URI: http://johnnyodesign.com/
Description: Sensible design solutions.
*/

/* Import the necessary CSS additions */
@import url( inc/bootstrap.css );
@import url(" /wp-content/themes/johnnyo_design/inc/font-face/font-face.css");
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700,700i');

html {
    overflow-x: hidden;
}
body {
    height: 100%;
    background: #e2e6ec;
}
body,td,th {
	color: #666;
}
.site-content {
	padding: 80px 0 90px 0;
}
a {
    color: #2e476a;
    text-decoration: none;
}
a:hover {
    color: #4F8B35;
    text-decoration: none;
}
a:active {
    text-decoration: none!important;
}
a:focus {
    text-decoration: none!important;
}
h1, .h1 {
    padding: 0 0 0 0;
    font-family: 'absideround_1';
    font-size: 40px;
    font-weight: normal;
    color: #80431f;
    margin: 60px 0 30px 0;
	text-transform: uppercase;
	    text-align: center;
}
p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    text-align: left;
    color: #444;
    line-height: 28px;
    margin: 6px 6px;
    padding: 0 0 0 0;
}
h2 {
    font-family: 'absideround_1';
    font-size: 24px;
    font-weight: normal;
    color: #76323f;
    margin: 30px 0 6px 0;
    padding: 0 0 0 0;
}
h3 {
    font-family: 'absideround_1';
    font-size: 20px;
    color: #4BA73C;
    font-weight: normal;
    margin: 0;
}
h4 {
	color: #f8bf56;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	margin: 14px 0px 0px 0;
	text-align: left;
	padding: 0px;
    font-family: 'absideround_1';
}
ul {
    margin: 4px 0 0 28px;
    padding: 0px 0px 0px 0px;
    font-family: 'Josefin Sans', sans-serif;;
    font-size: inherit;
    line-height: 21px;
    color: #444;
    list-style: initial;
    display: inline-block;
}
.slider h1 {
    color: #ffffff;
    font-size: 62px;
    font-weight: 900;
    text-transform: uppercase;
}
.slider h2 {
    color: #fff;
    font-size: 33px;
    font-weight: 900;
    margin: 4px 0px;
    text-transform: uppercase;
	opacity: 0.5;
}
.slider p {
	color: #f8bf56;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 20px 7px;
	text-transform: uppercase;
}
.slider a {
    padding: 14px 40px;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    border: 5px solid #5e0909;
    text-transform: uppercase;

    font-weight: normal;
    letter-spacing: 2px;
    background-color: rgba(94, 9, 9, 0.8);
    margin-top: 40px;
}
.slider a:hover {
	text-decoration: none;
    border: 5px solid #022e5a;
    background-color: rgba(2, 46, 90, 0.8);

}
.slide-interior h1 {
    margin-top: 110px;
}
.interiorslider{
	margin-bottom: 30px !important;
}
.navbar {
    z-index: 9999;
    /* width: 260px; */
    position: absolute;
    padding: 0;
    top: 20px;
    left: 0;
    border-radius: 1px;

	    width: 100%;
}
.photo {
    /* box-shadow: 5px 5px 0px 0px #c2a07f; */
	    width: 100%;
}
.widget_nav_menu {
	margin: 0 !important;
	padding-bottom: 0 !important;
}
#mega-menu-wrap-primary {
    margin: 0px 0;
}
.header-top {
	background: #0d2e3e;
	background: -moz-linear-gradient(left, #0d2e3e 0%, #375869 100%);
	background: -webkit-linear-gradient(left, #0d2e3e 0%,#375869 100%);
	background: linear-gradient(to right, #0d2e3e 0%,#375869 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2e3e', endColorstr='#375869',GradientType=1 );
    height: 43px;
    line-height: 43px;
    text-align: right;

    text-transform: uppercase;
	color: #999999;
}
.loginlink1 {
    margin-left: 10px;
}
.loginlink {
	color: #fff;
    padding: 13px 16px;
}
.loginlink:hover {
	color: #fff;
	background: #44748c;
	text-decoration: none;
}
.languagelink {
    color: #49b939;
    padding: 13px 16px;
	border-left: 2px solid #44748c;
	    border-right: 2px solid #44748c;
}
.languagelink:hover {
	color: #49b939;
	background: #44748c;
	text-decoration: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	/* display: block; */
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 20px;
	    line-height: 46px;
    height: 46px;
	    text-transform: uppercase;
	    font-family: 'absideround_1';
}
.main-navigation {
	    padding: 70px 0;
	/* width: 202px; */
	padding: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
	opacity: 1;
}
#mega-menu-wrap-primary .mega-menu-toggle {
font-size: 14px;
    font-weight: bold;

}
.site-header {
    position: relative;
    z-index: 1;
}
.headlogo {
    top: 130px;
    z-index: 1;
    opacity: 1;
    height: 0;
    position: relative;
    display: block;
}
.headlogo:hover {

}
.logowrap {
	    z-index: 1;
    position: relative;
}
.logo {
    max-width: 100%;
}
.site-branding {
    position: relative;
    display: block;
	text-align: center;
}
.header-info {
	position: absolute;
        width: 100%;
        top: 48px;
        right: 0;
}
.social-media {
    position: absolute;
    right: 52px;
    top: 10px;
}
.tagline {
	color: #32b8ff;

font-size: 30px;
    padding: 35px;
	font-weight: bold;
	float:right;
}
.mega-menu-link {

}
.fa {
    font-size: 14px;
    padding: 14px 15px 15px 16px;
    color: #fff;
}
.fa-linkedin:hover {
    color: #fff;
    background-color: #1182c2 !important;
}
.fa-facebook {
    padding: 14px 17px 15px 17px;
}
.fa-facebook:hover {
    color: #fff;
    background-color: #3b5998 !important;
}
.fa-instagram:hover {
    color: #fff;
    background-color: #cd486b !important;
}
.footer-top {
    padding: 60px 0 30px 0;
}
.footer-content {
	background-color: #8c8a84;
    box-shadow: 0 0 10px 1px rgba(140, 138, 132, 0.25);
    border-radius: 2px;
}
.site-footer {
}
.footer-top .so-panel {
}
.footer-top .panel-grid-cell {
	padding: 0 !important;
}
.footer-top ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    font-size: 0.8em;
    line-height: 21px;
    color: #666;
    list-style: none;
    padding-left: 0px;
}
.footer-top li:hover {
    background-color: #386aa2;
    border-radius: 2px;
}
.footer-top a {
    color: #ccc;
    padding: 0px 6px;
    width: 100%;
    display: block;
	border-radius: 3px;
		    font-family: 'Josefin Sans', sans-serif;;
    font-size: 11px;
	
}
.footer-top a:hover {
    color: #666;
    text-decoration: none;
    background: #ccc;
}
.footer-top h3 {

    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #333;
    margin: 20px 0 8px 0 !important;
}
.footer-top p {
}
.footmenu {
    margin-top: 46px;
}
#secondary h1 {

    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    padding: 0px;
    margin: 0;
	color: #8C5034;
}
#secondary h2 {

    font-size: 20px;
    font-weight: bold;
    color: #76323f;
    margin: 30px 0 6px 0;
    padding: 0 0 0 0;
}
.site-footer h1 {
    font-family: 'absideround_1';
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    padding: 0px;
    margin: 30px 0px 7px 0px;
    color: #7f421f;
}
.site-footer img {
	
}
#secondary p {

    font-size: 12px;
    text-align: left;
    color: #333;
    line-height: 14px;
    margin: 10px 2px;
    padding: 0 0 0 0;
}
.site-footer p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    text-align: left;
    color: #2f2712;
    line-height: 16px;
    margin: 10px 2px;
    padding: 0 0 0 0;
}
#secondary {
    margin: 40px 0;
    background: linear-gradient(to right,rgba(242, 244, 221, 0.7), rgba(242, 244, 221, 0.7)), url(/wp-content/uploads/2018/02/scribble_light_@2X.png);
    /* box-shadow: 0 0 10px 0px rgb(231, 226, 206); */
    padding: 20px 20px 12px 20px;
    border: 5px solid rgba(194, 160, 127, 0.2);
}
#primary {
	    padding-bottom: 40px;
}
.blog #secondary, .archive #secondary {
    padding-top: 0;
    display: inline-block;
}
.blog #primary, .archive #primary {
padding-right: 30px;
}
.site-info {
}
.footer1 {
    position: relative;
}
.footer1 .container {
	/*    background-color: #5090ff; */
	color: #ffffff!important;
	background-color: #2E486A;
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
	    border-radius: 3px;
}
.footer1 p {
    font-family: 'absideround_1';
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    line-height: 23px;
    margin: 9px 0px 6px 0;
    padding: 10px;
    font-weight: normal;
}
#pgc-w5a8e173e507c4-0-0, #pgc-w5a8e173e507c4-0-1, #pgc-w5a8e173e507c4-0-2, #pgc-w5a8e173e507c4-0-3, #pgc-w5a8e173e507c4-0-4 {
    width: 20% !important;
}
@media screen and (max-width: 990px) {
	#pgc-w5a8e173e507c4-0-0, #pgc-w5a8e173e507c4-0-1, #pgc-w5a8e173e507c4-0-2, #pgc-w5a8e173e507c4-0-3, #pgc-w5a8e173e507c4-0-4 {
    width: 100% !important;
}
	.footer1 .container{
    position: relative;
    top: 0;
	}
	.footer-top h1, .footer-top p, .footer-top .siteorigin-widget-tinymce{
		text-align: center;
	}
}
.site-info p {
    text-align: center;
    font-size: 11px;
    width: 100%;
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;;
    color: #2f2712;
    margin: 30px 0;
}
.site-info a {
    color: #5f76a0;
}
.footer-left {
	display: inline-block;
}
.footer-right {
	    float: right;
}
.footer-right img {
	    height: 70px;
}
.slider {
    width: 100%;
}
.slide-content {
    padding-top: 217px;
    width: 80%;
    max-width: 1200px;
    margin: auto;
    height: 100%;
    position: relative;
}
.slide-text {
    top: 40%;
    position: absolute;
    z-index: 1;
}
.slide-image {
    right: 0;
    position: absolute;
    bottom: 5%;
}
.slide-text h1{
    font-size: 80px;
    color: #fff;
    font-weight: 900;
    line-height: 80px;
	text-shadow: 0 0 200px #000;
}
.hbtn {
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    background-color: #32b8ff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 14px;
	transition: all 0.2s ease;
}
.hbtn:hover {
	text-decoration: none;
	background-color: #90c64a;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
}
.btn-top {
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    background-color: #32b8ff;
    padding: 10px 20px;
    display: inline-block;
	float:right;
	margin: 30px;
	transition: all 0.2s ease;
}
.btn-top:hover {
	text-decoration: none;
	background-color: #90c64a;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
}
.slider {

}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8 {
    height: 50vh;
	width: 100%;
	background-size: cover;
    background-position: top;
	display: block;
}
.slick-slide img {
    display: initial;
    text-align: center;
    padding-bottom: 50px;
}


.slide1 {
    background-image: url(/wp-content/uploads/2021/04/bubbles-rresized.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.slide2 {
    background-image: url(/wp-content/uploads/2021/04/girl-boy-playground-resized.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.slide3 {
    background-image: url(/wp-content/uploads/2021/04/paper-planes-resized.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
/*.slide4 {
    background-image: url(/wp-content/uploads/2018/03/Depositphotos_90185124_original-Edit.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}*/

.slide5 {
    background-image: url(/wp-content/uploads/2018/05/Depositphotos_4108923_original-Edit-1024x683.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.slide6 {
    background-image: url(/wp-content/uploads/2021/04/kids-tugging-rope-resized.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.slide7 {
    background-image: url(/wp-content/uploads/2018/05/Depositphotos_49087219_original-Edit-1024x682.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.slide8 {
    background-image: url(/wp-content/uploads/2021/04/boy-pushing-merrygo-resized.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.slide9 {
    background-image: url(/wp-content/uploads/2021/04/girl-reading-resized.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.slide1::after, .slide2::after, .slide3::after, .slide4::after, .slide5::after, .slide6::after, .slide7::after, .slide8::after, .slide9::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
	background: -moz-linear-gradient(to top, rgba(226, 230, 236, .5) 0%, rgba(0,18,37,0.3) 100%);
	background: -webkit-linear-gradient(to top, rgba(226, 230, 236, .5) 0%,rgba(0,18,37,0.3) 100%);
	background: linear-gradient(to top, rgba(226, 230, 236, .5) 0%,rgba(0,18,37,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50ffffff', endColorstr='#001225',GradientType=1 );
}
.slide1::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
	background: -moz-linear-gradient(to top, rgba(0,18,37,0.1) 0%, rgba(0,18,37,0.3) 100%);
	background: -webkit-linear-gradient(to top, rgba(0,18,37,0.1) 0%,rgba(0,18,37,0.3) 100%);
	background: linear-gradient(to top, rgba(0,18,37,0.1) 0%,rgba(0,18,37,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20001225', endColorstr='#001225',GradientType=1 );
}

.home .post, .blog .post, .archive .post, #secondary .post {

}
.home .post h2, .blog .post h2, .archive .post h2{
   /* color: #32b8ff;
	font-size: 30px;*/
}
.home .post p, .blog .post p, .archive .post p {
	/* margin: 4px 6px;*/
}
.home .post:hover, .blog .post:hover, .archive .post:hover, #secondary .post:hover {

}
.home .posthover, .blog .posthover, .archive .posthover, .posthover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.home .post:hover h2, .blog .post:hover h2, .archive .post:hover h2, #secondary .post:hover h2 {

}
.single .posthover {
	display: none;
}
.entry-meta h3 {
    color: #2e2712;
    font-size: .9em;
    font-weight: bold;
    line-height: normal;
    margin: 0 4px;
    text-align: left;
    padding: 0px;
	font-family: 'Josefin Sans', sans-serif;;
}

.btn {
    font-size: 22px;

    color: #fff;
    font-weight: 900;
    background-color: #32b8ff;
    padding: 10px 20px;
    display: inline-block;
	margin: 10px;
	transition: all 0.2s ease;
}
.btn:hover {
	text-decoration: none;
	background-color: #90c64a;
	color: #fff;
	transition: all 0.2s ease;
	cursor: pointer;
}
.social-header .fa {
	transition: all 0.2s ease;
}
.social-header .fa:hover {
	transition: all 0.2s ease;
}
.frm_style_formidable-style.with_frm_style fieldset {
    padding: 0 !important;
}

.header-upper a{
    color: #09607e;
}
.header-upper a:hover, .header-upper a:hover .fa{
	color: #e0ead9;
	text-decoration: none;
}
#recent-posts-2, #archives-2, #categories-2, #text-3 {
    padding: 0;
    margin-bottom: 20px;
}
#secondary a {
    color: #085e7f;
    text-decoration: none;
    font-weight: normal;
}
#secondary a:hover {
    color: #6eb641;
    text-decoration: none;
    font-weight: normal;
}


.wp-post-image {
    width: 100%;
    height: inherit;
}
.home .wp-post-image {
    margin-bottom: 20px;
}
.blog .wp-post-image {
    max-width: 500px;
    margin-top: 20px;
}
.post-template-default #secondary {
    padding-top: 0;
}
.post-template-default #secondary h2, .blog #secondary h2 {
    margin: 0px 0px 7px 0px;
}
.post-template-default .wp-post-image {
    margin-bottom: 20px;
}

.alignleft {
float: left;
    margin: 11px 18px 11px 0px !important;
    max-width: 50%;
}
.alignright {
float: right;
    margin: 11px 4px 11px 18px !important;
    max-width: 50%;
}
.widget_siteorigin-panels-postloop article:not(:first-child) {

}


.slick-slide {
        height: 700px;
	}
.page-template-default .slick-slide {
    /* height: 600px; */
}


.panel-grid {
    margin-bottom: 0px !important;
}

.slick-slider {
    margin-bottom: 0;
}

:focus {
    outline: none;
}
.site-footer {
    background: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(169, 179, 193, 0.22));

}
.site-interior {
    padding: 40px 0;

}
.sidebar-button {
	border: 5px solid #1eb5de !important;
	font-size: 18px!important;
	text-transform: uppercase!important;
	font-weight: 900!important;
}

.blog .blogimage {
    background-size: cover !important;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.single-post .blogimage {
    background-size: cover !important;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
.aligncenter {
	    margin: auto;
    max-width: 100%;
    display: block;
}

.slick-slide img {
	max-width: 100%;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
	margin-top: 25px;
}
@media screen and (max-width: 1055px) {
	.footer-left {
    display: block;
    text-align: center;
}
	}
@media screen and (max-width: 780px) {	
	.alignright {
float: none;
}
	
}
  /* .page-template-default .navbar {
 z-index: 9999;
    width: 260px;
    position: absolute;
    padding: 0;
    top: 136px;
    left: 0;
    border-radius: 1px;
    height: 100%; 
}
.page-template-default #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	    color: #7f431f;
}
.page-template-default .headlogo {
    top: 27px;
    z-index: 1;
    opacity: 1;
    height: 0;
    position: relative;
    display: block;
}
.page-template-default .logo {
    height: 150px;
}
.page-template-default .slick-slide {
    height: 200px;
} */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {

}
.mega-sub-menu {
    /* position: absolute !important;
    margin-left: 202px !important;
    top: 0 !important; */
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #2e476a;
    color: #f2f4dd;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    padding: 0 12px;
    line-height: 46px;
    height: 46px;
    text-decoration: none;
    vertical-align: baseline;
    text-transform: uppercase;
	    padding-left: 22px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #7f421f;
    font-weight: bold;
    text-decoration: none;
    color: rgb(231, 225, 175);
}
/* .page-template-default #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	    color: #7f421f;
}
.page-template-default #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, .page-template-default #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	color: #f2f4dd;
} */
/*.slide1::after {
    content: " ";
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom,rgba(226, 230, 236, 0) 30%, rgba(226, 230, 236, .5));
    position: absolute;
}*/
.widget_siteorigin-panels-postloop {
    background-color: #4F8B35;
    padding: 47px 20px 0px 20px;
    margin-top: 100px;
	    border-radius: 3px;
}
.widget_siteorigin-panels-postloop .widget-title{
    margin-top: -117px;
    font-size: 80px;
    margin-left: -24px;
    margin-bottom: 0px;
    color: #4F8B35;
    font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}
.widget_siteorigin-panels-postloop h2 {
    color: #ffffff;
	font-weight: normal;
	margin: 0;
}
.widget_siteorigin-panels-postloop .entry-meta h3 {
    color: #ffffff;
    font-size: .9em;
    font-weight: bold;
    line-height: normal;
    margin: 0 4px;
    text-align: left;
    padding: 0px;

}
.widget_siteorigin-panels-postloop p {
	    color: #ffffff;
}
.home .post, .blog .post, .archive .post, #secondary .post {
    background-color: #74AE5B;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
	    border-radius: 3px;
}
.rule {
	    width: fit-content;
    margin: 60px auto 30px auto;
}
/* .rule::before {
    content: " ";
    background-image: url(/wp-content/uploads/2018/03/rule2.png);
    position: absolute;
    height: 5px;
    width: 126px;
    margin-left: -150px;
    margin-top: 15px;
}
.rule::after {
    content: " ";
    background-image: url(/wp-content/uploads/2018/03/rule1.png);
    position: absolute;
    height: 5px;
    width: 126px;
    margin-left: 20px;
    margin-top: 15px;
} */

@media screen and (max-width: 990px) {
.widget_siteorigin-panels-postloop .widget-title {
    margin-top: -103px;
    font-size: 64px;
    margin-left: -24px;
    margin-bottom: 0px;
    color: #4F8B35;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
	.site-footer img {
		margin: 0px auto 0px auto;
	}
}
@media screen and (max-width: 688px) {
.widget_siteorigin-panels-postloop .widget-title {
    margin-top: -90px;
    font-size: 48px;
    margin-left: -24px;
    margin-bottom: 4px;
    color: #4F8B35;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
	.site-footer img {
		margin: 0px auto 0px auto;
	}
}
@media screen and (max-width: 526px) {
.widget_siteorigin-panels-postloop .widget-title {
    margin-top: -77px;
    font-size: 31px;
    margin-left: -24px;
    margin-bottom: 10px;
    color: #4F8B35;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
	.site-footer img {
		margin: 0px auto 0px auto;
	}
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 30px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed, #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-closed, #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-open, #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-closed {
    font-family: 'absideround_1';
    font-weight: normal;
}
.btnlink {
	color: #e2e6ec;
    text-decoration: none;
    background-color: #2e476a;
    padding: 16px 20px 10px 20px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 3px;
    font-size: 28px;
}
.btnlink:hover {
    color: #e2e6ec;
    text-decoration: none;
    background-color: #80431f;
    padding: 16px 20px 10px 20px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 3px;
    font-size: 28px;
}
.btnlink:active {
    color: #e2e6ec;
    text-decoration: none!important;
    background-color: #80431f;
    padding: 16px 20px 10px 20px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 3px;
    font-size: 28px;
}
.btnlink:focus {
    color: #e2e6ec;
    text-decoration: none;
    background-color: #2e476a;
    padding: 16px 20px 10px 20px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 3px;
    font-size: 28px;
}
iframe {
	    width: 100%;
}

table {
    background-color: transparent;
    border-collapse: separate;
    border-spacing: 4px 4px;
}
tr {
    background-color: #bed0e8;
transition: all 0.2s ease;
}
tr:hover {
    background-color: #cfddf1;
transition: all 0.2s ease;
}
tr:nth-of-type(even) {
   background-color: #c4d4be;
transition: all 0.2s ease;
}
tr:nth-of-type(even):hover {
   background-color: #d6e4d0;
transition: all 0.2s ease;
}
td:first-of-type  {
    padding: 14px;
    font-weight: 700;
    color: #444;
}
td, th {
    padding: 14px;
}

.benadryltable td:first-of-type {
    font-weight: normal;
}

@media 
	only screen and (max-width: 900px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 0px solid #ccc;
		    margin-top: 36px;
		    position: relative;
		 }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 0px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		tbody td {
  			  width: initial !important;
			    padding: 30px 10px 10px 10px !important;
		}
		
		
		.menus tbody td:first-of-type {
    background: transparent;
    position: absolute;
    left: 0 !important;
    top: -55px;
}
		
		.menus td:before { 
position: absolute;
    top: 6px;
    left: 9px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    color: #32b8ff;
    font-size: 18px;
		}
		
		.benadryltable tbody tr:first-of-type {
   		 	display: none;
		}
		.benadryltable td:before { 
			position: absolute;
   		 	top: 6px;
    		left: 9px;
    		width: 45%;
    		padding-right: 10px;
    		white-space: nowrap;
    		font-weight: bold;
		}
		.benadryltable td:nth-of-type(1):before { content: "12-23 months"; }
		.benadryltable td:nth-of-type(2):before { content: "2-6 years"; }
		.benadryltable td:nth-of-type(3):before { content: "6-12 years"; }

		.dosage tbody td:first-of-type {
   		 	background: transparent;
    		position: absolute;
    		left: 0 !important;
    		top: -55px;
		}
		.dosage tbody tr:first-of-type {
   		 	display: none;
		}
		.dosage td:before { 
			position: absolute;
   		 	top: 6px;
    		left: 9px;
    		width: 45%;
    		padding-right: 10px;
    		white-space: nowrap;
    		font-weight: bold;
		}
		.dosage tbody td, .benadryltable tbody td {
   		 	text-align: left;
		}
		
		.dimetapptable td:nth-of-type(1):before { content: " "; }
		.dimetapptable td:nth-of-type(2):before { content: "4-6 years"; }
		.dimetapptable td:nth-of-type(3):before { content: "6-12 years"; }
		
		.triaminictable td:nth-of-type(1):before { content: " "; }
		.triaminictable td:nth-of-type(2):before { content: "4-6 years"; }
		.triaminictable td:nth-of-type(3):before { content: "6-12 years"; }
		
		.motrintable td:nth-of-type(1):before { content: " "; }
		.motrintable td:nth-of-type(2):before { content: "12-17 lbs"; }
		.motrintable td:nth-of-type(3):before { content: "18-23 lbs"; }
		.motrintable td:nth-of-type(4):before { content: "24-35 lbs"; }
		.motrintable td:nth-of-type(5):before { content: "36-47 lbs"; }
		.motrintable td:nth-of-type(6):before { content: "48-59 lbs"; }
		.motrintable td:nth-of-type(7):before { content: "60-71 lbs"; }
		.motrintable td:nth-of-type(8):before { content: "72-95 lbs"; }
		
		.tylenoltable td:nth-of-type(1):before { content: " "; }
		.tylenoltable td:nth-of-type(2):before { content: "6-11 lbs"; }
		.tylenoltable td:nth-of-type(3):before { content: "12-17 lbs"; }
		.tylenoltable td:nth-of-type(4):before { content: "18-23 lbs"; }
		.tylenoltable td:nth-of-type(5):before { content: "24-35 lbs"; }
		.tylenoltable td:nth-of-type(6):before { content: "36-47 lbs"; }
		.tylenoltable td:nth-of-type(7):before { content: "48-59 lbs"; }
		.tylenoltable td:nth-of-type(8):before { content: "60-71 lbs"; }
		.tylenoltable td:nth-of-type(9):before { content: "72-95 lbs"; }
		
		.notable {
			display: none;
		}
		
}

.footer1 a {
	color:#ffffff !important;
}