/*
Theme Name: Dragon Theme 2026
Theme URI: https://www.dragon-days.de/2026/
Author: Dragon Days
Author URI: https://www.dragon-days.de/
Description: Dragon Days Theme 2026

Version: 1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: Dragontheme2026
Tags:dragon days

Header Background Color: #3a662f (dunkelgrün) rgba(58, 102, 47, 0.8)
*/



@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(css/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(css/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(css/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(css/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(css/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url(css/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





body,html{height:auto !important;min-height:100% !important;display:block;}
body{ 
	padding:60px 0 0 0;
	background-color:#fff; 
	margin:0; 
	line-height:26px; 
	font-size:18px;
	color:#111; 
	font-family:'Montserrat', sans-serif; 
	word-wrap:break-word; 
}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption{ margin:0; padding:0; max-width:100% !important;}
.aligncenter{ text-align:center; margin:auto; padding:auto; max-width:100% !important;
    display: flex; 
    justify-content: center; 
    align-items: center;
}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#767676;}
/*a:hover{ color:#333;}*/

body p a:link   { color:#323558 !important; } 
body p a:visited{ color:#4C937C !important; }
body p a:hover  { color:#525578 !important; }
.entry-content p a:link{ color:#323558; }



ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:15px;}
h1,h2,h3,h4,h5,h6,a.wp-block-latest-posts__post-title{ color:#000; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:300; text-transform:uppercase; }
h1{ font-size:44px; margin-top:40px; margin-bottom: 60px;}
h2{ font-size:26px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}

/* Startseite Beiträge */ 
a.wp-block-latest-posts__post-title{ display:block; font-size:22px; }

.wp-block-latest-posts{ margin-top:20px; margin-bottom:40px; display:block; }

.entry-content .wp-block-latest-posts__list, 
.wp-block-latest-posts__featured-image,
.entry-content .wp-block-latest-posts__list img,
.entry-content ul.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image li,
.entry-content ul.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image img{ min-width: 100% !important; with:1200px !important; max-width:100% !important; } 



.clear{ clear:both;}
.textwidget select{ width:100%;}
table{ width:100%}
article{ margin-bottom:40px; display:block; }
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}

.container{ width:1280px; margin:0 auto; position:relative;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}
#pageholder{ margin:0 auto; background-color:#fff; padding-top:65px;}
/*header menu css*/
.toggle{ display: block; }
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e5e; padding:0 10px; margin-top:0px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.headerinner, .blog .header{ position:relative !important; }
.header{width:100%; z-index:999; top:auto;}

.festivaldatum{ margin-right:14px; color:#333; font-size:24px; margin-top:1px; }

.sitenav{
	border-bottom:1px solid #ddd;
	background:rgba(248, 248, 248,0.9) !important;
	padding:0;
	padding-top:0px;
	text-align:center;
	display:block;
	background:#eee;
	left:0px;
	top:180px;
	position:fixed;
	width:100%;
	z-index:1500;
	transition-duration: 300ms;
	height: auto !important;
}

.sitenav ul li,
.sitenav ul li ul li{display:inline-block; position:relative; margin-right: 20px; }
.sitenav ul{
	font-family:'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	text-transform:uppercase;
	
	margin:auto !important;
	min-width:100%;
	text-align:center !important;
	padding:0px;
	margin:0px;
}

.sitenav li{}
.sitenav a{
	display:block;
	height:auto;
	color:#000;
	padding:15px 10px 15px 10px;
	transition-duration: 300ms;
}
.sitenav a:visited,
.sitenav a:hover{
	color:#333;
}
.sitenav ul a:hover{ color:#000 !important;}

.sitenav .current-menu-item,
.sitenav .current-menu-item > a,
.sitenav .current-menu-item > a:visited,
.sitenav .current-menu-item > a { background-color:transparent !important; color:rgba(0, 100, 150, 0.8) !important;}
.sitenav .current-menu-item > a:hover { color:rgba(0, 0, 50, 1) !important; }

.sitenav .sub-menu{display:none;}
.sitenav .current-menu-ancestor .sub-menu,
.sitenav .current-menu-item .sub-menu{display:block;}

/* Dragon Days 2026 */
.menu>li ul{
	max-height:0;
	-webkit-transition: max-height 1s ease;
	   -moz-transition: max-height 1s ease;
	    -ms-transition: max-height 1s ease;
	        transition: max-height 1s ease;
	overflow:hidden;
	background: #d5d5d5;
	display:block !important;
}
.menu>li.current-menu-ancestor ul,
.menu li.current-menu-item ul{max-height:800px;}
.menu>li:hover ul{display:block;max-height:800px;}
.noborder{border:none !important;}
th{color:#bbb !important; font-family:'Montserrat', sans-serif !important;}


#logo{
	/*background-color: rgba(58, 102, 47, 0.8);*/
	background-image: linear-gradient(to top, rgba(78, 122, 67, 0.9) 0%, rgba(58, 102, 47, 0.9) 80%);
	/*background-size:contain;
	background-position: right;*/
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	height:180px;
	width:100%;
	z-index:1400;
	opacity: 98%;
}
#logoInner{
	opacity: 100%;
	position: relative;
	background: transparent;
	background-image: url(images/dragon-days-logo2026.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	display:block;
	height:180px;
	max-height:100%;
	width:90%;
	text-align: center;
	margin: 0 auto;
	padding-right:40px;
}






.entry-thumb{ margin-bottom:40px; }

.page_content{margin-top:90px;min-height:75% !important; }
.post, .type-post{}
.blog_lists{background:transparent !important;}

ul>li.current-menu-item {background:#333;}

section#home_slider{ padding:0; }
#sectiopn-1{ background-color:#eef2f7;padding:50px 0;}
h2.section-title {color:#aaa; font:300 36px/40px 'Montserrat',san-serif; text-align: center; }

.welcomecontent{ width:50%; float:left; text-align:right; margin:0 25px 0 0; }
.welcomethumb{ width:45%; float:right; text-align:left;}

.UnderLine{ width:50%; position:relative; display:inline-block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: auto; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

.whychooseus-thumbbx{ width:50%; margin:0 auto; height:250px;}

/* = section first css
-------------------------------------------------------------- */
.fourbox{ background-color:#fff; color:#666; width:23.5%; padding:5px 5px 15px; float:left; margin:0 20px 0 0; text-align:center; position:relative; min-height:280px; box-sizing:border-box;}
.fourbox p{line-height:20px; margin-bottom:20px; }
.fourbox h3{ font-size:16px; font-weight:400; color:#666; margin:0 0 15px;}
.fourbox h3 a{color:#666;}
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx { height:155px; overflow:hidden; margin:0 auto;}
.fourbox .pagecontent { padding:15px 0 0 0;}
.fourbox .thumbbx img{ width:100%; height:auto;}

/* = Services section css
-------------------------------------------------------------- */
#featureswrap{ background-color:#767676; color:#fff; padding:20px 0; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) inset;}
#featureswrap h3{ color:#fff; font-size:24px; font-weight:600; margin-bottom:5px; }
#featureswrap p{ color:#fff; margin-bottom:20px; }
.pagebutton {background-color:#111;  color:#fff ;display: inline-block; padding:8px 15px; }
.pagebutton:hover{ background-color:#111 ; color:#767676;}
.ftrarea{ position:relative;}
.pagethumbbox{ width:120px; height:115px; overflow:hidden; border:2px solid #fff; float:left; margin:8px 25px 5px 0;}
.pagethumbbox img{ width:100%; height:auto; min-height:115px; }


#sectiopn-2{ background-color:#fff; color:#555; padding:50px 0;}
#sectiopn-2 h3{ color:#555; font-size:24px; font-weight:600; margin-bottom:25px; }
#sectiopn-2 p{  margin-bottom:35px; }
.aboutwrap{ text-align:center;}
.last_column{clear:right; margin-right:0 !important; }
.ReadMore{ background:transparent !important;color:#202020; }
.ReadMore:hover{ color:#767676 ;}

.welcomewrap p{ margin-bottom:30px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ color:#767676;  text-align:center;  vertical-align:middle; display:inline-block; margin:0; padding:8px; font-size:18px; }
.social-icons br{ display:none;}
.social-icons a:hover{ color:#333;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ /*width:740px;*/ width:1000px; margin:0; padding:0; float:left;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}

.boxlayout{ width:1140px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:25px;}

.blog_lists{ margin-bottom:30px; padding:0px;}
.blog_lists h3{ margin-bottom:0px;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#767676;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{display:none;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#ff554e; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar ul li{ list-style:inside none; padding:8px 0 8px 15px; list-style-position:inside;}
#sidebar ul li a{ padding:0 0 0 10px; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#ceeff2; width:100%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #767676; padding: 12px 0 12px 0; font-size:0; width:20%; height:40px; float:right; border:0;}


.cols-4{width:24%; float:left; margin:0 3% 2% 0; padding:35px 0 20px;  }
.widget-column-2 { width:19%;}
.widget-column-4 { margin-right:0px !important;}
#footer-wrapper h5,
.cols-4 h5{ font-weight:400; font-size:18px; color:#aaa !important; margin-bottom:25px; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { padding:0; color:#fff; }
.cols-4 ul li:last-child {border:none;}
.cols-4 ul li a { color:#fff; font-size:13px; padding-left:10px; }
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#767676; }

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:0;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}
.phone-no{ margin:0 0 20px; line-height:22px;}
.phone-no a{color:#fff;}
.phone-no a:hover{color:#333;}
.phone-no .fa { margin-right:10px;}
.cols-4 .phone-no p{ margin-bottom:5px;}
.widget-column-2 a{font:400 20px/24px 'Montserrat',san-serif;}

.copyright-wrapper {  background-color:#0a0c0d; position:relative; padding:15px 0;}
.copyright-wrapper a:hover{ color:#fff;}
.copyright-txt { float:left;}
.copyright-txt span{color:#767676;}
.design-by { float:right;}
.recent-post{ min-height:70px; margin:0 0 15px 0;  /*border-bottom:1px solid #363e44;*/ padding-bottom:15px;}
.recent-post img{ float:left; width:55px; margin:3px 10px 5px 0; border:2px solid #fff;}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600; text-transform:none;}
.recent-post h6:hover{color:#767676;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}


/* 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: 0px;	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. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#767676; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

.entry-content h3,
.entry-content h3 a{
			animation: color-change 15s infinite;
}
.entry-content li{ margin-bottom:14px; }
.entry-content li a:link,
.entry-content p a:link{ text-decoration: underline dashed orchid !important; }


@-webkit-keyframes color-change {
    0% { color: #aaa; }
    20% { color: #6aa; }
    40% { color: #aa6; }
    60% { color: #a6a; }
    80% { color: #aaa; }
}
@keyframes color-change {
    0% { color: #aaa; }
    20% { color: #6aa; }
    40% { color: #aa6; }
    60% { color: #a6a; }
    80% { color: #aaa; }
}

.entry-header H3 a{color:#999 !important;}





.globals{
	background:#fff;
	bottom:0px;
	right:0px;
	position:fixed;
	display:block;
	width:300px;
	z-index:1600;
}
.socials{
	top:13px;
	right:10px;
	position: fixed;
	padding:0;
	z-index: 1500;
}
.socials a{display:inline-block !important; width:32px !important;height:32px !important;padding:0 !important;
	background:url(../images/i_socials.png) no-repeat left;background-size:300%;
	background-position:inherit;
  transition-duration: 300ms;
}
a.i_youtube {background-position:left !important;   background-image:url(./images/i_socials.png) !important; background-color:transparent !important;display:inline-block !important; width:35px !important;height:35px !important;padding:0 !important;}
a.i_facebook{background-position:center !important; background-image:url(./images/i_socials.png) !important; background-color:transparent !important;display:inline-block !important; width:35px !important;height:35px !important;padding:0 !important;}
a.i_twitter {background-position:right !important;  background-image:url(./images/i_socials.png) !important; background-color:transparent !important;display:inline-block !important; width:35px !important;height:35px !important;padding:0 !important;}
.socials a:hover{	opacity:0.60;filter:alpha(opacity=60);}

a.i_instagram{ background-size:contain !important; background-position:center !important; background-image:url(./images/i_instagram.svg) !important; background-color:transparent !important;display:inline-block !important; width:36px !important;height:36px !important;padding:0 !important;}



.post-navigation{display:none;}
.wp-caption{border:none;color:#aaa;}

.mainContainer{height:auto;min-height:70%; }
.page_content{height:auto;min-height:360px !important; }
.site-main{ margin-right:0px; width:100% !important; display:block; max-width:none !important; }
article{ }


.newsletter-profile td,
.newsletter-profile th,
.newsletter-profile tr,
.newsletter-preferences,
.newsletter-subscription td,
.newsletter-subscription th,
.newsletter-subscription tr{border:none !important;display:inline; font-family:'Montserrat', sans-serif !important;}
.input, textarea, select,
input.newsletter-email, input.newsletter-submit{
	border-radius:0px !important;}

input.newsletter-submit{
	text-transform:uppercase;
	padding:7px 12px 6px 12px !important;
	border:none !important; 
	background:#202020;
  transition-duration: 300ms;
}
input.newsletter-submit:hover{background:#999 !important;}

/* Suche */
.sidebarSearch{ 
	position:fixed;
	top:10px;
	right:90px;
	z-index:1500;
}
.sidebarSearch input.sinput{
	opacity:0.01; 
	width:40px;

	color:#000 !important;
	border-left:5px solid rgba(233, 242, 245,0.9); 
	background-color:rgba(233, 242, 245,0.9);
	transition-duration:0.4s; 
	height:28px !important; 
	margin:0px;
	padding:7px 34px 7px 7px !important;
	border:none;
	font-size:15px !important;
	font-weight:normal;
	position:relative;
	border-radius: 6px;
}
.sidebarSearch:hover input.sinput{ opacity:1; width:120px; }
.sidebarSearch{display:block; text-align:center;padding:0px 0px 3px 0px;}

.sidebarSearch .ssubmit{
	width:34px !important; 
	border-radius: 6px;
	height:28px !important;
	background-color:transparent;
	display:block;
	margin:0px;padding:0px; 
	position:absolute;
	right:5px; 
	top:7px;
}

#respond label{ min-width:250px; display:inline-block; font-size: 120%;}
#respond{ padding:20px; margin-top:40px; background-color:#eee; }
#respond input, #respond textarea{ width:90%; max-width:480px; border:1px solid #ddd; padding:3px; padding:5px 6px 5px 6px; font-size:120%; }
#respond input.submit{ 
	text-transform:uppercase; border:none; color:#fff;background-color:#999; padding:5px 6px 5px 6px; max-width:250px; text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
}
.comment-form-url { display: none; }






.toggle{
	position: fixed;
	left:0px;
	top:0px;
	z-index:1601;
}


.toggleMenu{
	left:10px;
	top:45px;
	position:fixed;
	z-index:1601;

	width:67px !important;
	height:67px !important;
	background-color:transparent !important;
}


#footer-wrapper{ background-color: #fff !important; position:relative; border-top:1px solid #ddd; text-align: center;  }
#footer-wrapper,
#footer-wrapper .container{ background-color: transparent; }
#footer-wrapper li { list-style:none; display: inline;  }
#footer-wrapper .menu-item a,
#footer-wrapper .menu-item a:visited{ background-color:transparent !important; color: rgba(120, 120, 150, 0.8); text-transform: uppercase; font-size:16px; padding:10px; transition-duration: 0.3s;}
#footer-wrapper .current-menu-item,
#footer-wrapper .current-menu-item a{ background-color:transparent !important; color: rgba(0, 100, 150, 0.8);  }
#footer-wrapper .menu-item a:hover{ color:rgba(0, 0, 50, 1); }
#footer-wrapper ul.menu{ min-width:300px !important; position:absolute; width:99%; margin:0 auto; text-align:center; padding-bottom:40px; }








@media screen and (max-width: 1170px){
	body #logoInner{
		margin-right:65px !important;
		padding-right: 65px;
	}

	.sidebarSearch input.sinput{ 
		margin-top: 5px;
		height:32px !important; 
		padding:9px 30px 9px 8px !important;
	}

	.toggleMenu{
		top:20px;
	}

	h1{ padding-top:0px; margin-top:0px; }
	body{ padding-top:20px; }
	.sitenav{ 
		border-bottom:2px solid #ddd;
		background:rgba(248, 248, 248,0.99);
		top:120px; 
		right:0px !important; 
		border-bottom:none; 
		padding-top:0px; 
	}



	#logo{

		height:120px;
		width:100%;
	}
}

@media screen and (max-width: 980px){
	/*.mainContainer,*/
	.page_content { padding-top:50px !important; margin-top:0px !important; }
	body{ padding-top:0px !important; margin-top:0px !important; }


	h1{ font-size:2em !important; }

	#logo{
		height:80px;
		width:100%;
	}
	.toggleMenu{
		max-width: 60px !important;
		text-align: left;
		top: 6px;
		left:10px !important; 
	}

	.sitenav{ 
		border-bottom:1px solid #ddd;
		background:rgba(248, 248, 248,0.99);
		top:80px !important; 
		right:0px !important; 
		border-bottom:none; 
		padding-top:0px;
	}


	.sitenav li,
	.sitenav a{
		display:block !important;
		text-align:center !important;
	}
	
	.sidebarSearch { top:20px; }
	.sidebarSearch input.sinput{ 
		margin-top: 1px;
		height:32px !important; 
		padding:9px 30px 9px 8px !important;
	}
	.socials{
		top:19px;
	}
}

@media screen and (max-width: 600px){
	body #logoInner{
		margin-right:35px !important;
		padding-right: 15px;
	}

	h1{ font-size:1.5em !important; }

	#logo{
		height:50px;
	}

	.toggleMenu{
		margin-left:-14px;
		top:-10px;
	}
	.sitenav{ top:50px !important; }
	.sidebarSearch { right:10px; top:60px; }
	.sidebarSearch input.sinput{ opacity:1; width:auto; }
	.socials{ top:5px; }

	.socials{ right:8px; }
	.socials a{
		width:24px !important;
		height:30px !important;
		margin:0px;
	}
}


@media (hover: none) { 
	.sidebarSearch input.sinput{ opacity:1; width:100px; } 
}


@media screen and (max-height: 480px){
	body .sitenav{ 
		overflow: auto !important;
		max-height: calc(100vh - 50px) !important;
		padding-bottom: 60px;
	}
}