/* CSS Document */ /* Theme Name: Casino Spielen Theme URI: http://wordpress.org/ Description: This theme was built by Top-Programmer. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php. Author: Top-Programmer Author URI: http://www.top-programmer.com/ Version: 3.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @font-face { font-family: 'Lato'; src: url('include/fonts/Lato.eot'); /* IE9 Compat Modes */ src: url('include/fonts/Lato.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('include/fonts/Lato.woff2') format('woff2'), /* Super Modern Browsers */ url('include/fonts/Lato.woff') format('woff'), /* Pretty Modern Browsers */ url('include/fonts/Lato.ttf') format('truetype'), /* Safari, Android, iOS */ url('include/fonts/Lato.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Condensed'; src: url('include/fonts/RobotoCondensed.eot'); /* IE9 Compat Modes */ src: url('include/fonts/RobotoCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('include/fonts/RobotoCondensed.woff2') format('woff2'), /* Super Modern Browsers */ url('include/fonts/RobotoCondensed.woff') format('woff'), /* Pretty Modern Browsers */ url('include/fonts/RobotoCondensed.ttf') format('truetype'), /* Safari, Android, iOS */ url('include/fonts/RobotoCondensed.svg#svgFontName') format('svg'); /* Legacy iOS */ } *{margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;} .cf{zoom:1;} .cf:before,.cf:after{content:"";display:table;} .cf:after{clear:both;} body{ margin:0px !important; padding:0px !important; background:#f6cb6f; color:#666; font-family: 'Lato', sans-serif; font-size:1em; line-height:26px;} #topnav{ background:#222; border-bottom:5px solid #f8bc3a; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75); position:relative; z-index:100;} #topnav-wrapper{ width:1500px; margin:0px auto; padding:0px 15px;} #topnav ul.menu{ float:left; padding:10px 0px; line-height:25px;} #topnav ul.menu li{ display:inline-block; padding:0px 5px; list-style:none; font-size:0.875em; text-transform:capitalize; font-weight:bold; } #topnav ul.menu li:last-child{ border-right:0px solid #333;} #topnav ul.menu li a{ color:#666; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } #topnav ul.menu li a:hover, #topnav ul li.current-menu-item a, #topnav ul li.current-post-ancestor a, #topnav ul li.current-menu-parent a, #topnav ul li.current-post-parent a{ color:#f8bc3a;} #topnav ul.social{ float:right; padding:10px 0px;} #topnav ul.social li {padding:0px 10px; display:inline-block; list-style:none; line-height:25px;} #topnav ul.social li a{ -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } #topnav ul.social li a i{ color:#666; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } #topnav ul.social li a:hover i{ color:#f8bc3a;} #topnav .searchbox{float:right;position:relative;} #topnav .searchbtn{ display:inline-block; padding:0px 10px; line-height:45px; color:#666; text-align:center; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} #topnav .searchbtn:hover, #topnav .btnactive{ background:#333; color:#FFF;} #topnav .search-form{ display:none; position:absolute; top:100%; right:0px; background:#333; white-space:nowrap; z-index:9999; } #topnav .search-form .screen-reader-text{display:none;} .search-form{ padding:10px;} .search-form .screen-reader-text{ display:inline-block; vertical-align:bottom; height:35px; line-height:35px; padding-right:15px; font-weight:bold;} .search-form .search-field{ display:inline-block; vertical-align:bottom; height:35px; padding:0px 15px; background:#fff; border:1px solid #ccc; color:#666; line-height:35px;} .search-form .search-submit{ display:inline-block; vertical-align:bottom; height:35px; padding:0px 15px;background:#f8bc3a; border:0px; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-size:1.125em; text-transform:uppercase; font-weight:bold; cursor:pointer; line-height:35px;} #page{ width:1500px; margin:0px auto; background:#fff; position:relative; z-index:10;} #content{width:100%; padding:25px;} .content-area{float:left; width:75%; padding-right:25px;} .content-area-full{width:100%; padding:0px;} .sidebar{float:right;width:25%;} #header{ width:100%;} #header .logo{padding:25px; text-align:center;} #header .logo a{line-height:0px; display:inline-block; vertical-align:bottom;} #mainnav{ margin:0px 15px; background:#222; border-bottom:5px solid #f8bc3a; font-size:1em; font-weight:bold; text-transform:uppercase; } #menutoggle{float:left; width:30px; height:30px; margin:10px; line-height:30px; background:#f8bc3a; color:#fff; font-size:1.125em; text-align:center; cursor:pointer;} #footer{ width:100%; padding:0px 25px; background:#222; color:#fff; font-size:0.875em; text-align:center; text-transform:capitalize;} #footer ul.menu{ padding:25px; border-bottom:2px solid #f8bc3a; line-height:normal; } #footer ul.menu li{ display:inline-block; padding:0px 10px; margin:0px; list-style:none;} #footer ul.menu li:last-child { border-right:0px; } #footer ul.menu li a{ color:#fff; } #footer ul.menu li a:hover, #footer ul li.current-menu-item a, #footer ul li.current-post-ancestor a, #footer ul li.current-menu-parent a, #footer ul li.current-post-parent a{ color:#f8bc3a;} #footer .copywrite{ padding:25px; text-transform:uppercase; line-height:normal;} #footer .copywrite span{ float:left;} #footer ul.social{ float:right; padding:0px;} #footer ul.social li {padding:0px 10px; display:inline-block; list-style:none;} #footer ul.social li a{ color:#666; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } #footer ul.social li a:hover{ color:#f8bc3a;} .scrollToTop{ width:50px; height:50px; line-height:50px; background:#f8bc3a; color:#fff; font-size:1.5em; font-weight:normal; text-align:center; text-decoration:none; position:fixed; bottom:50px; right:50px; display:none; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .scrollToTop:hover{ background:#333; color:#FFF;} .page{ display:inline-block; width:100%; } .page-header{ margin:25px 0px 10px;} .page-title{margin:0px 0px 15px; padding:0px; color:#000; font-size:1.75em; text-transform:uppercase; font-weight:bold; line-height:normal;} .page-meta{ margin:0px 0px 15px; padding:0px 0px 15px; border-bottom:1px solid #ddd; color:#999; font-size:0.875em; font-family: 'Roboto Condensed', sans-serif; text-transform:capitalize; line-height:normal; } .page-meta span{ display:inline-block; padding:0px 10px;} .page-meta span span{ padding:0px;} .page-meta i{margin-right:5px;} .page-meta2{ border-bottom:0px solid #ddd; margin:0px;} .page-meta .rating{ color:#333; font-size:1.29em; font-weight:bold; padding:0px;} .page-meta .rating i{color:#f8bc3a; margin-right:5px;} .page-summary{ margin:0px 0px 25px; color:#333;} .page-content{ margin:0px 0px 25px;} .page-footer{margin:0px 0px 10px;} .page-meta .tags-links .tagxtxt{ color:#333; font-weight:bold; margin-right:5px; } .page-meta .tags-links a{ display:inline-block; background: #ffffff; border:1px solid #ddd; padding:5px 10px; margin:0px 5px; color:#f8bc3a; text-shadow: 1px 1px 1px #fff; background-image: -webkit-linear-gradient(top, #ffffff, #eee); background-image: -moz-linear-gradient(top, #ffffff, #eee); background-image: -ms-linear-gradient(top, #ffffff, #eee); background-image: -o-linear-gradient(top, #ffffff, #eee); background-image: linear-gradient(to bottom, #ffffff, #eee); -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1); -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1); box-shadow: 1px 1px 5px 0px rgba(153,153,153,1); } .sharelinks{ padding:0px; } .sharelinks li{ display:inline-block; list-style: none; padding:0px 5px;} .sharelinks li a{ display:block; padding:0px 10px; background:#333; color:#fff; font-size:1.125em; text-align:center; line-height:30px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .sharelinks a.facebook{background: #3E578C;} .sharelinks a.twitter{background: #00ACEE;} .sharelinks a.googleplus{background: #DD4B39;} .sharelinks li a:hover{ background:#333; } .sharelinks a:hover i{color: #f8bc3a;} .post{display:inline-block; width:100%; vertical-align:top;} .post-thumbnail{line-height:0px; margin-bottom:15px;} .post-thumbnail a{ line-height:0px; } .post-thumbnail img{ width:100%; height:auto; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;} .post-thumbnail a:hover img { opacity:0.5} .post-header{ margin:0px 0px 5px;} .post-title{margin:0px 0px 10px; padding:0px; color:#333; font-size:1.5em; font-family: 'Roboto Condensed', sans-serif; text-transform:capitalize; font-weight:bold; line-height:34px;} .post-title2{font-size:1.25em; line-height:30px;} .post-title a{color:#333;} .post-title a:hover{color:#f8bc3a;} .post-meta{margin:0px 0px 10px; color:#999; font-size:0.875em; font-family: 'Roboto Condensed', sans-serif; text-transform:capitalize; line-height:normal; } .post-meta span{ display:inline-block; padding:0px 5px; } .post-meta span span{ padding:0px;} .post-meta i{margin-right:5px;} .post-meta .rating{ color:#333; font-size:1.29em; font-weight:bold; padding:0px;} .post-meta .rating i{color:#f8bc3a; margin-right:5px;} .post-content{margin:0px 0px 15px;} a.bnsbtn{ display:inline-block; background:#333; padding:7px 15px; margin:0px; color:#fff; font-size:1.125em; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; text-transform:uppercase; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} a.bnsbtn:hover{ background:#f8bc3a; color:#FFF; } a.cssbtn{ display:inline-block; background:#f8bc3a; padding:10px; margin:0px 10px 0px 0px; color:#fff; font-size:1.125em; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; text-transform:uppercase; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} a.cssbtn:hover{ background:#333; color:#FFF;} .archivepage .page-header{ margin:25px 0px; padding:0px 15px 15px; border-bottom:5px solid #000;} .archivepage .page-title{ margin:0px;} .archivepage .post, .archivepage .page{ width:22.5%; margin:0px 1% 25px;} .box50{ float:left; width:50%; padding:0px 10px;} .homeslider-container{ float:left; width:48%; margin:0px 1% 25px;} .item .post-thumbnail{ margin:0px; } .item .post-txt{ background:#333; color:#FFF; } .item .box50{ padding:0px 25px;} .item .post-header { margin: 25px 0px 5px;} .item a.bnsbtn { background: #f8bc3a; } .item .post-title a, .item .post-title a:hover {color: #fff;} .item ul.procon { color: #fff; margin-bottom:25px; } .item .post-content { margin: 25px 0px;} .item .post-footer{ margin-bottom:25px;} .item a.cssbtn:hover{ background:#000; color:#fff;} .pageslider-container{ margin:0px 0px 25px;} .pageslider .item .post-txt{ padding:0px 25px;} .pageslider .item .post-content { margin: 10px 0px 25px;} .pageslider .item ul.procon {margin-bottom: 0px;} .owl-nav{position:absolute; top:25%; width:100%; margin: 0px; pointer-events: none;} .owl-prev,.owl-next{width:35px; height:35px; background:#f8bc3a; font-size:18px; color:#fff; line-height:35px; text-align:center; pointer-events:auto;} .owl-prev{ float:left;} .owl-next{ float:right;} .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .welbox{ margin:0px 0px 25px;} .welbox2{ float:right; width:48%; margin:0px 1% 25px;} .welbox .page-header{ margin:0px 0px 15px; padding:0px 15px 15px; border-bottom:5px solid #333;} .welbox2 .page-header{ padding:15px;} .welbox .page-title{ display:inline-block; margin:0px; padding:0px; font-size:1.5em;} .welbox .page-link{margin:25px 0px; border-bottom: 1px solid #f8bc3a; line-height: 0.1em;text-align:center; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:700;} .welbox .page-link span{ padding:3px 10px; background:#f8bc3a; letter-spacing: 3px;} .welbox .page-link a{ color:#FFF;} .homesection{ float:left; width:31.33%; margin:0px 1% 25px;} .homesection .page-header{ margin:0px 0px 25px; border-top:5px solid #333; } .homesection .page-title{ display:inline-table; margin:0px; padding:5px 20px 10px; background:#333; color:#FFF; font-size:1.25em; } .homesection .post, .homesection .page{ margin:0px 0px 15px; border-bottom:1px solid #ddd; } .homesection .post-thumbnail{ float:left; width:25%; } .homesection .post-txt{ float:left; width:75%; padding:0px 0px 0px 15px; } .homesection .firstpost{ padding:0px 0px 15px; } .homesection .firstpost .post-thumbnail{width:100%;} .homesection .firstpost .post-txt{ width:100%; padding:0px;} .homesection1{ float:left; width:48%; margin:0px 1% 25px;} .homesection1 .page-header{ margin:0px 0px 25px; border-top:5px solid #f8bc3a; } .homesection1 .page-title{ display:inline-table; margin:0px; padding:5px 20px 10px; background:#f8bc3a; color:#FFF; font-size:1.25em; } .homesection1 .post, .homesection .page{ margin:0px 0px 15px; border-bottom:1px solid #ddd; } .homesection1 .post-thumbnail{ float:left; width:25%;} .homesection1 .post-txt{ float:left; width:75%; padding:0px 0px 0px 15px;} .homesection1 .firstpost{ border-bottom:0px solid #ddd; } .homesection1 .firstpost .post-thumbnail{width:100%;} .homesection1 .firstpost .post-txt{ width:100%; padding:0px;} .homesection2{ float:left; width:48%; margin:0px 1% 25px;} .homesection2 .page-header{ margin:0px 0px 25px; border-top:5px solid #f8bc3a; } .homesection2 .page-title{ display:inline-table; margin:0px; padding:5px 20px 10px; background:#f8bc3a; color:#FFF; font-size:1.25em; } .homesection2 .post, .homesection .page{ width:47.5%; margin:0px 1% 15px; border-bottom:1px solid #ddd; } .homesection2 .post-thumbnail{ float:left; width:25%;} .homesection2 .post-txt{ float:left; width:75%; padding:0px 0px 0px 15px;} .homesection2 .firstpost{ width:100%; padding:0px 0px 15px; } .author-info{margin:0px 0px 50px; padding:0px 0px 50px; border-bottom:1px solid #ddd;} .author-info .author-avatar{float:left; width:10%; line-height:0px;} .author-avatar img.avatar{width:100%; height:auto; border:1px solid #ccc; padding:10px; line-height:0px; } .author-info .author-description{float:left; width:90%; padding:0px 0px 0px 25px; font-family: 'Roboto Condensed', sans-serif;} .author-description .author-title{margin:0px 0px 10px; padding:0px 0px 10px; border-bottom:3px solid #333; color:#333; font-size:1.5em; text-transform:capitalize; font-weight:bold; line-height:normal;} .author-description .author-bio{margin:0px 0px 10px; padding:0px; } .author-description .author-link{ float:left; background:#f8bc3a; width:35px; height:35px; margin:0px 10px 0px 0px; font-size:1.125em; font-weight:bold; color:#fff; text-align:center; line-height:35px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .author-description .author-link a{ color:#fff; } .related-post{ margin:0px 0px 50px;} .related-post .page-header{ margin:0px 0px 15px; padding:0px 0px 10px; border-bottom:5px solid #333; } .related-post .page-title{ margin:0px; color:#333; font-size:1.5em; font-weight:bold; } .related-post .post, .postpage .page{ width:22.5%; margin:0px 1% 35px;} .qnamain{margin:25px 0px; } .qnamain .title{ margin:0px 0px 15px; padding:0px 0px 15px; border-bottom:3px solid #333; font-size:1.5em; color:#333; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; } .qnadiv{margin-bottom:10px; border:1px solid #CCC; background:#f8bc3a;} .qdiv{padding:15px; color:#fff; text-shadow: 1px 1px 1px #333; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-size:1.125em;} .qdiv img.oc{float:right;width:20px;} .qdiv img.oc:hover{cursor:pointer;} .adiv{padding:15px; border-top:1px solid #fff; display:none;} ul.procon{padding:0px; color:#333; font-weight:bold;} ul.procon li{padding:0px 0px 5px 0px; list-style:none;} ul.procon li i{ font-size:1.125em; color:#f8bc3a; margin-right:10px; display:inline-block; vertical-align:bottom;} .infodiv{ width:50%; margin:0px 25% 25px; } .infodiv .item ul.procon { margin: 25px 0px;} .infodiv .item .post-content { margin:0px 0px 10px; } .infodiv .bonustxt{ margin:0px 0px 15px; padding:0px; color:#FFF; font-size:1.125em;} .ratebox{margin-bottom:15px; width:100%;} .ratebox .txt{padding:0px;margin:0px 0px 10px; color:#666; font-family: 'Roboto Condensed', sans-serif;font-size:1em;text-transform:uppercase;font-weight:bold;line-height:normal;} .ratebox .txt span{ float:right; color:#000;} .ratebox .rate{ width:100%; height:15px; background:#ccc;} .ratebox .rate span{ display:block; height:15px; background:#4da0c5; width:0px;} #comments{margin:25px 0px;} #respond{margin:25px 0px;} #respond #reply-title{margin:0px 0px 15px; padding:0px; color:#333; font-size:1.5em; font-weight:bold; text-transform:uppercase; line-height:normal;} #respond #reply-title small a{float:right; padding:7px 10px; background:#C00; color:#fff; font-family:Arial, Helvetica, sans-serif;font-size:0.5em;font-weight:normal;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} #respond p.comment-notes, #respond p.logged-in-as{padding:5px 10px;background:#f8bc3a;color:#fff; font-size:0.875em;} #respond p.comment-notes a, #respond p.logged-in-as a{color:#FFF;} #respond p{margin:0px 0px 15px 0px;padding:0px;text-align:left;} #respond p.form-submit{margin:0px 0px 15px 20%;} #respond label{font-weight:bold;float:left;width:15%;margin-left:5%;} #respond input[type=text],#respond input[type=email],#respond input[type=url]{padding:5px 10px;background:#eee;border:1px solid #ddd;width:60%;font-family:Arial, Helvetica, sans-serif;color:#333;} #respond #comment{padding:10px;background:#eee;border:1px solid #ddd;width:60%;font-family:Arial, Helvetica, sans-serif;color:#333;} p.form-submit input#submit{padding:0 13px;background:#f8bc3a;border:0px;display:inline-block;overflow:hidden;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;font-family: 'Roboto Condensed', sans-serif;font-size:1em;cursor:pointer;text-align:center;text-decoration:none; text-transform:uppercase;font-weight:bold;line-height:40px;height:40px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} #comments h2.comments-title{ margin:0px 0px 10px; padding:0px 0px 15px; border-bottom:5px solid #333; color:#333; font-size:1.5em; text-transform:uppercase; line-height:normal; font-weight:bold;} li.comment{margin:0px; padding:0px; list-style:none;} ul.children{padding:0px;} ul.children li{margin:0px 5%; padding:0px; list-style:none;} .comment .comment-body{padding:15px; border-bottom:1px solid #ddd;} .comment .vcard{float:left;width:50%;} .comment .vcard img{float:left;margin-right:10px;padding:2px;background:#fff;border:1px solid #ccc;} .comment .comment-awaiting-moderation{float:right;width:50%;padding:5px;background:#C00;color:#fff;font-size:0.875em;text-align:center;} .comment .comment-metadata{float:right;margin:5px 0px;font-size:0.75em;font-weight:bold;text-transform:uppercase;text-align:right;} .comment p{padding:0px 0px 0px 50px;margin:10px 0px;clear:both;} .comment .reply{text-align:right;} .comment .reply a{background:#333;font-size:0.75em;font-weight:bold;color:#fff;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .comment .reply a:hover{background:#f8bc3a; color:#fff; text-decoration:none;} .cmnt-alert{background:#C00;color:#fff;text-transform:uppercase;padding:10px;margin-bottom:15px;} .txtcenter{text-align:center;} p{margin-bottom:10px;} ul{padding:10px;} ul li{padding:0px 0px 10px 0px;list-style:url(images/arrow-right-b.png);list-style-position:inside;} a{color:#f8bc3a;text-decoration:none;} a:hover{color:#000;text-decoration:none;} img.alignleft{float:left;margin:0px 15px 15px 0px; padding:5px; background:#fff; border:1px solid #ccc;} img.alignright{float:right;margin:0px 0px 15px 15px; padding:5px; background:#fff; border:1px solid #ccc;} h1,h2,h3,h4,h5{padding:15px 0px;color:#333;font-size:1.25em;font-weight:bold; text-transform:capitalize;} .pagination{text-align:center; margin:25px 0px !important; padding:0px !important; border:0px !important;} .pagination .screen-reader-text{display:none;} .pagination .page-numbers{padding:5px 10px;margin:0px 5px; background:#fff; border:1px solid #333; color:#333; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:normal; line-height:normal; display:inline-block; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .pagination .page-numbers:hover{background:#333; color:#FFF;} .pagination .current{background:#333; color:#FFF;} .navigation{margin:0px 0px 50px 0px; padding:25px 25px 50px; border-bottom:1px solid #ddd;} .navigation:after{content:"";display:table;clear:both;} .navigation h2.screen-reader-text{display:none;} .navigation .nav-previous{ float:left; width:50%; padding:0px 25px 0px 0px; border-right:1px solid #ddd; text-align:left;} .navigation .nav-next{ float:right; width:50%; padding:0px 0px 0px 25px; border-left:1px solid #ddd; text-align:right;} .navigation .nav-previous a, .navigation .nav-next a{ display:block; margin:0px; color:#f8bc3a; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; line-height:normal; font-weight:bold; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .navigation .screen-reader-text{ display:none;} .navigation span{ display:block; } .navigation .post-title{ margin:5px 0px 0px; color:#333; font-family: 'Roboto Condensed', sans-serif; font-size:1.25em; text-transform:capitalize; font-weight:bold; line-height:normal;} @media (max-width:499px){ #topnav-wrapper,#page{width:100%;} #mainnav { margin: 0px; } #mainnav ul{padding:0px; display:none;} #mainnav ul li{padding:0px;background:#f8bc3a;border-bottom:1px solid #fff;list-style:none;} #mainnav ul li a, #mainnav ul li a:visited{display:block;padding:10px;color:#fff; font-weight:bold;} #mainnav li > ul{display:none;} #mainnav li li{background:#957020; border-top:1px solid #fff;border-bottom:0px;} #mainnav li li > ul{display:none;} #mainnav li li li{background:#3c2d0c;} #mainnav li.menu-item-has-children img.menutoogle{ float:right; margin:10px 25px 10px 0px; cursor:pointer;} #footer .copywrite span { width:100%; margin-bottom:15px;} #footer ul.social { width:100%; } #footer ul.menu { padding: 25px 25px 15px;} #footer ul.menu li {margin: 0px 0px 10px;} .archivepage .post, .archivepage .page{ width:100%; margin:0px 0px 25px;} #comments{display:none;} .welbox2 { width:100%; margin: 0px 0px 25px;} .welbox .morewel{ display:none;} .homeslider-container { width:100%; margin: 0px 0px 25px; } .slider .item .post-content { margin: 0px 0px 25px 0px;} .box50 { width:100%; padding:10px;} .homesection1 { width:100%; margin: 0px 0px 25px; } .homesection2 { width:100%; margin: 0px 0px 25px; } .homesection2 .post, .homesection .page {width:100%; margin: 0px 0px 15px;} .homesection { width:100%; margin: 0px 0px 25px; } a.cssbtn { padding: 7px; font-size: 1em;} .related-post .post, .postpage .page { width: 100%;} .infodiv { width: 100%; margin: 0px 0px 25px;} .infodiv .item ul.procon { margin: 0px 0px 25px 0px;} } @media (min-width:500px) and (max-width:749px){ #topnav-wrapper,#page{width:100%;} #mainnav { margin: 0px; } #mainnav ul{padding:0px; display:none;} #mainnav ul li{padding:0px;background:#f8bc3a;border-bottom:1px solid #fff;list-style:none;} #mainnav ul li a, #mainnav ul li a:visited{display:block;padding:10px;color:#fff; font-weight:bold;} #mainnav li > ul{display:none;} #mainnav li li{background:#957020; border-top:1px solid #fff;border-bottom:0px;} #mainnav li li > ul{display:none;} #mainnav li li li{background:#3c2d0c;} #mainnav li.menu-item-has-children img.menutoogle{ float:right; margin:10px 25px 10px 0px; cursor:pointer;} .archivepage .post, .archivepage .page{ width:100%; margin:0px 0px 25px;} #comments{display:none;} .welbox2 { width:100%; margin: 0px 0px 25px;} .welbox .morewel{ display:none;} .homeslider-container { width:100%; margin: 0px 0px 25px; } a.cssbtn { padding: 7px; font-size: 1em;} .homesection1 { width:100%; margin: 0px 0px 25px; } .homesection2 { width:100%; margin: 0px 0px 25px; } .homesection { width:100%; margin: 0px 0px 25px; } .infodiv .infoitem { width: 100%; margin: 0px 0px 25px;} .related-post .post, .postpage .page { width: 47.5%;} .infodiv { width: 90%; margin: 0px 5% 25px;} } @media (min-width:750px) and (max-width:999px){ #topnav-wrapper,#page{width:100%;} #mainnav { margin: 0px; } #mainnav ul{padding:0px; display:none;} #mainnav ul li{padding:0px;background:#f8bc3a;border-bottom:1px solid #fff;list-style:none;} #mainnav ul li a, #mainnav ul li a:visited{display:block;padding:10px;color:#fff; font-weight:bold;} #mainnav li > ul{display:none;} #mainnav li li{background:#957020; border-top:1px solid #fff;border-bottom:0px;} #mainnav li li > ul{display:none;} #mainnav li li li{background:#3c2d0c;} #mainnav li.menu-item-has-children img.menutoogle{ float:right; margin:10px 25px 10px 0px; cursor:pointer;} .archivepage .post, .archivepage .page{ width:47.5%;} .welbox2 { width:100%; margin: 0px 0px 25px;} .welbox .morewel{ display:none;} .homeslider-container { width:100%; margin: 0px 0px 25px; } .homesection1 { width:100%; margin: 0px 0px 25px; } .homesection2 { width:100%; margin: 0px 0px 25px; } .homesection { width:60%; margin: 0px 20% 25px; } a.cssbtn { padding: 7px; font-size: 1em;} .pageslider .item .post-txt { padding: 15px;} .infodiv .infoitem { width: 100%; margin: 0px 0px 25px;} .related-post .post, .postpage .page { width: 47.5%;} .infodiv { width: 80%; margin: 0px 10% 25px;} } @media (min-width:1000px) and (max-width:1249px){ #topnav-wrapper,#page{width:100%;} #menutoggle{display:none;} #mainnav { margin: 0px; } #mainnav ul.menu{padding:0px;} #mainnav ul.menu li{ display:inline-block; padding:0px; margin:0px; list-style:none; position:relative; line-height:70px;} #mainnav ul.menu li a{ display:block; padding:0px 15px; color:#fff; white-space:nowrap; } #mainnav li.menu-item-has-children > a{padding:0px 25px 0px 15px !important; background:url(images/arrow-down-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li:hover, #mainnav ul li.current-menu-item, #mainnav ul li.current-post-ancestor, #mainnav ul li.current-menu-parent, #mainnav ul li.current-post-parent{ background:#f8bc3a; } #mainnav ul.menu li:hover a, #mainnav ul li.current-menu-item a, #mainnav ul li.current-post-ancestor a, #mainnav ul li.current-menu-parent a, #mainnav ul li.current-post-parent a{ color:#fff;} #mainnav li.menu-item-has-children:hover > a{background:url(images/arrow-down-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li > ul{display:none; padding:0px; border:1px solid #fff; border-bottom:0px; position:absolute; top:100%; left:0; z-index:99999;} #mainnav ul.menu li:hover > ul{display:block;} #mainnav ul.menu li li{width:100%; margin:0px; background:#f8bc3a; border-bottom:1px solid #fff;} #mainnav ul.menu li li a{color:#fff !important;} #mainnav ul.menu li li:hover, #mainnav li li.current-menu-item{background:#222;} #mainnav ul.menu li li.menu-item-has-children > a{padding:0px 25px 0px 10px; background:url(images/arrow-right-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li li > ul{display:none; padding:0px; border:1px solid #fff; border-bottom:0px; position:absolute; top:0px; left:100%;} #mainnav ul.menu li li:hover > ul{display:block;} .archivepage .post, .archivepage .page{ width:47.5%;} .welbox .morewel{ display:none;} .box50{ width:100%; } .slider .item .post-content { margin: 0px 0px 25px 0px;} .infodiv .item ul.procon { margin: 0px 0px 25px 0px;} } @media (min-width:1250px) and (max-width:1499px){ #topnav-wrapper,#page{width:100%;} #menutoggle{display:none;} #mainnav { margin: 0px; } #mainnav ul.menu{padding:0px;} #mainnav ul.menu li{ display:inline-block; padding:0px; margin:0px; list-style:none; position:relative; line-height:70px;} #mainnav ul.menu li a{ display:block; padding:0px 15px; color:#fff; white-space:nowrap; } #mainnav li.menu-item-has-children > a{padding:0px 25px 0px 15px !important; background:url(images/arrow-down-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li:hover, #mainnav ul li.current-menu-item, #mainnav ul li.current-post-ancestor, #mainnav ul li.current-menu-parent, #mainnav ul li.current-post-parent{ background:#f8bc3a; } #mainnav ul.menu li:hover a, #mainnav ul li.current-menu-item a, #mainnav ul li.current-post-ancestor a, #mainnav ul li.current-menu-parent a, #mainnav ul li.current-post-parent a{ color:#fff;} #mainnav li.menu-item-has-children:hover > a{background:url(images/arrow-down-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li > ul{display:none; padding:0px; border:1px solid #fff; border-bottom:0px; position:absolute; top:100%; left:0; z-index:99999;} #mainnav ul.menu li:hover > ul{display:block;} #mainnav ul.menu li li{width:100%; margin:0px; background:#f8bc3a; border-bottom:1px solid #fff;} #mainnav ul.menu li li a{color:#fff !important;} #mainnav ul.menu li li:hover, #mainnav li li.current-menu-item{background:#222;} #mainnav ul.menu li li.menu-item-has-children > a{padding:0px 25px 0px 10px; background:url(images/arrow-right-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li li > ul{display:none; padding:0px; border:1px solid #fff; border-bottom:0px; position:absolute; top:0px; left:100%;} #mainnav ul.menu li li:hover > ul{display:block;} .welbox .page-link{ display:none;} a.cssbtn { font-size:0.875em;} } @media (min-width:1500px){ #menutoggle{display:none;} #mainnav ul.menu{padding:0px;} #mainnav ul.menu li{ display:inline-block; padding:0px; margin:0px; list-style:none; position:relative; line-height:70px;} #mainnav ul.menu li a{ display:block; padding:0px 15px; color:#fff; white-space:nowrap; } #mainnav li.menu-item-has-children > a{padding:0px 25px 0px 15px !important; background:url(images/arrow-down-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li:hover, #mainnav ul li.current-menu-item, #mainnav ul li.current-post-ancestor, #mainnav ul li.current-menu-parent, #mainnav ul li.current-post-parent{ background:#f8bc3a; } #mainnav ul.menu li:hover a, #mainnav ul li.current-menu-item a, #mainnav ul li.current-post-ancestor a, #mainnav ul li.current-menu-parent a, #mainnav ul li.current-post-parent a{ color:#fff;} #mainnav li.menu-item-has-children:hover > a{background:url(images/arrow-down-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li > ul{display:none; padding:0px; border:1px solid #fff; border-bottom:0px; position:absolute; top:100%; left:0; z-index:99999;} #mainnav ul.menu li:hover > ul{display:block;} #mainnav ul.menu li li{width:100%; margin:0px; background:#f8bc3a; border-bottom:1px solid #fff;} #mainnav ul.menu li li a{color:#fff !important;} #mainnav ul.menu li li:hover, #mainnav li li.current-menu-item{background:#222;} #mainnav ul.menu li li.menu-item-has-children > a{padding:0px 25px 0px 10px; background:url(images/arrow-right-w.png) no-repeat; background-position:95% 50%;} #mainnav ul.menu li li > ul{display:none; padding:0px; border:1px solid #fff; border-bottom:0px; position:absolute; top:0px; left:100%;} #mainnav ul.menu li li:hover > ul{display:block;} .welbox .page-link{ display:none;} } @media (max-width:340px){ #header .logo img{width:100%; height:auto;} } @media (max-width:750px) { .image-resized img { width:100%;height:auto;} img.aligncenter, img.alignleft, img.alignright, img.alignnone{ width:100%; height:auto; } } @media (max-width:499px){ iframe{ width:100%; height:auto; } }