/*
Theme Name: Play Spare
Theme URI: 
Description: A Responsive theme
Author:  Play Spare
Author URI: 
Version: 1.0
Tags: responsive, white, bootstrap
*/
.bypostauthor{display:block}
.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.clr{clear:both}
html{margin:0;padding:0}
body{margin:0;padding:0;font-family:'Roboto',sans-serif}
h1{font-family:'Bebas Neue',cursive!important;letter-spacing:1px;font-size:24px;margin:0 0 20px;padding:0}
h2{font-family:'Bebas Neue',cursive!important;letter-spacing:1px;font-size:21px;margin:0 0 20px;padding:0}
h3{font-family:'Bebas Neue',cursive!important;letter-spacing:1px;font-size:19px;margin:0 0 20px;padding:0}
h4{font-family:'Bebas Neue',cursive!important;letter-spacing:1px;font-size:18px;margin:0 0 20px;padding:0}
h5{font-family:'Bebas Neue',cursive!important;letter-spacing:1px;font-size:17px;margin:0 0 20px;padding:0}
h6{font-family:'Bebas Neue',cursive!important;letter-spacing:1px;font-size:16px;margin:0 0 15px;padding:0}
table{width:96%;border-collapse:collapse;border-spacing:0}
th,td{padding:10px;border:1px solid #ccc}
th{background-color:#eee}
dd{margin-left:20px}
ul li{list-style:disc;font-family:'Roboto',sans-serif;font-size:15px}
ol{float:left;margin:0 0 0 20px;padding:0;width:100%}
ol li{font-family:'Bebas Neue',cursive!important;list-style:decimal;margin:0;padding:0;font-size:24px}
p{font-family:'Roboto',sans-serif;font-size:15px;margin:0 0 10px;padding:0}
a,a:visited{padding-bottom:4px;color:#20b2aa}
a:hover,a:focus,a:visited:hover,a:visited:focus{color:#137b75}
pre{display:block;width:96%;padding:16px;border-radius:3px;background-color:#3d3d3d;font-size:1.6rem;color:#f5f5f5;word-wrap:break-word;overflow:auto}
img{height:auto;max-width:100%}
blockquote{position:relative;display:block;width:96%;padding:20px;margin:0 auto;border-radius:5px;margin-top:40px;background-color:#eee}
blockquote p,blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6,blockquote ul,blockquote ol,blockquote dl,blockquote table{margin:0}
blockquote + figcaption{width:96%;margin:0 auto;text-align:right;font-weight:400;font-style:italic}
input,button,textarea,select{margin:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}
input{padding:4px;border:1px solid #ccc;border-radius:3px;background:#fff}
textarea{padding:4px;border:1px solid #ccc;border-radius:3px;background:#fff}
input[name="submit"]{display:inline-block;padding:8px 12px;border-radius:3px;border:none;background:#20b2aa;color:#fff}
input[name="submit"]:hover{cursor:pointer}
address{font-size:1.4rem}
.home_content{width:100%;margin:0;padding:0;float:left;background:#000}
#container{width:100%;margin:0;padding:0;float:left}
#header{width:100%;margin:0 auto;background:#000;padding:15px 0;position:relative}
.logo{float:left;margin:0;padding:0;width:auto;position:relative}
.logo a{text-decoration:none;outline:none;color:#FFF;font-family:'Roboto',sans-serif;font-size:30px;font-weight:400;float:left;width:100%;max-width:100%;text-align:center;line-height:32px}
.logo a:hover{text-decoration:none;outline:none;color:#FFF}
.logo a img{border:none;width:180px}
.play_spare{float:left;margin:13% 0 0;padding:0;width:100%}
.emailid{float:right;margin:-50px 0 0;padding:0;width:100%;max-width:46%;position:relative;z-index:1}
.emailid a{text-decoration:none;outline:none}
.emailid a:hover{text-decoration:none;outline:none;opacity: 0.8;}
.more_games{float:left;margin:70px 0 0;padding:0;width:100%;text-align:center}
.more_games a{text-decoration:none;outline:none}
.more_games a img{margin:0 3px;width:274px;max-width:9%;}
.more_games a:hover img{opacity: 0.8;}
.header_right{float:right;margin:0;padding:0;width:auto}
.home_social_icons{float:left;margin:70px 0 30px;padding:0;width:100%;clear:both;text-align:center}
.home_social_icons a{margin:0 0 0 10px;padding:0;text-decoration:none;outline:none;text-align:center}
.home_social_icons a:hover i{color:#337ab7}
.home_social_icons a img{max-width:64px}
.home_social_icons a i{padding: 12px 14px;background-color: #fff;font-size: 44px;color: #000;border-radius: 15px;}

.links_footer{float:left;margin:0;padding:0;width:100%;text-align:center;display:grid}
.links_footer a{text-decoration:none;outline:none;color:#fff;font-size:24px;font-family:'Rubik',sans-serif;text-transform:uppercase;font-weight:700}
.links_footer a:hover{text-decoration:none;outline:none;color:#337ab7}
.links{float:left;margin:0 3% 0 0;padding:0;width:45%}
.links a{text-decoration:none;outline:none;margin:0}
.links a img{margin:0;padding:0;width:100%}
.main_menu{float:left;margin:0 0 0 50px;padding:0;width:100%;max-width:70%;text-align:center}
.menu-main-menu-container{float:left;margin:0;padding:0;width:100%;text-align:center}
.menu-main-menu-container ul{float:left;margin:0;padding:0;width:100%;list-style:none;text-align:center}
.menu-main-menu-container ul li{margin:0 20px;padding:0;width:auto;list-style:none;display:inline-block}
.menu-main-menu-container ul li a{color: #FFF;display: block;font-family: 'Rubik', sans-serif;font-size: 22px;height: 44px;line-height: 44px;padding: 0 15px;text-decoration: none;outline: none;font-weight: 700;text-transform: uppercase;}
.menu-main-menu-container ul li a:hover{color:#00a0e0}
.menu-main-menu-container ul li.current-menu-item a{color:#00a0e0}
#footer{width:100%;margin:0 auto;background:#000;padding:0;float:left;clear:both}
.footer_logo{float:left;margin:20px 0 50px;padding:0;text-align:right;width:100%;clear:both}
.footer_logo img{width:180px;margin:0 35px 0 0}
.footer_logo a{text-decoration:none;outline:none;color:#FFF;font-family:'Roboto',sans-serif;font-size:36px;font-weight:400}
.footer_logo a:hover{text-decoration:none;outline:none;color:#FFF}
.copy_right{float:left;margin:0;padding:0;font-size:15px;color:#FFF;font-family:'Bebas Neue',cursive;font-weight:400;letter-spacing:1px}
.footer_menu{float:right;margin:0 28px 0 0;padding:0;width:auto;clear:both}
.footer_menu ul{float:left;margin:0;padding:0;list-style:none}
.footer_menu ul li{float:left;margin:0;padding:0;list-style:none}
.footer_menu ul li a{float:left;margin:0;padding:0;text-decoration:none;outline:none;font-size:17px;color:#FFF;font-family:'Bebas'}
.footer_menu ul li a:hover{color:#FFF}
.footer_menu ul li:first-child{margin-right:10px}
.footer_social_icons{float:right;margin:0 30px 50px 0;padding:0;width:auto;clear:both}
.footer_social_icons a{float:right;margin:0 0 0 10px;padding:0;text-decoration:none;outline:none;background-color:#FFF;width:54px;height:54px;text-align:center;font-size:40px;color:#337ab7;border-radius:5px}
.footer_social_icons a:hover{color:#337ab7}
.footer_form{float:left;margin:0 0 30px;padding:0;width:100%}
.footer_form .form_raw1{float:left;margin:0 5% 5px 0;padding:0;width:45%;clear:none}
.footer_form .form_raw1 label{float:left;margin:0 0 5px;padding:0;width:100%;clear:both;color:#FFF;font-family:'Bebas Neue',cursive;font-size:17px;font-weight:400;letter-spacing:1px}
.footer_form .form_raw1 input.wpcf7-text,.footer_form .form_raw1 input.wpcf7-email{padding:4px;border:1px solid #ccc;border-radius:0;background:#fff;float:left;max-width:260px;color:#000;font-family:'HelveticaNeueLight';font-size:17px}
.footer_form .form_raw{float:left;margin:0 0 5px;padding:0;width:100%;clear:both}
.footer_form .form_raw label{float:left;margin:0 0 5px;padding:0;width:100%;clear:both;color:#FFF;font-family:'Bebas Neue',cursive;font-size:17px;font-weight:400;letter-spacing:1px}
.footer_form .form_raw input.wpcf7-text,.footer_form .form_raw input.wpcf7-email{padding:4px;border:1px solid #ccc;border-radius:0;background:#fff;float:left;max-width:260px;color:#000;font-family:'Roboto',sans-serif;font-size:17px}
.footer_form .form_raw .quiz-439{float:left;width:auto}
.footer_form .form_raw .quiz-439 .wpcf7-quiz-label{float:left;margin:5px 17px 0 0;font-size:21px}
.footer_form .form_raw .quiz-439 input.quiz{padding:4px;border:1px solid #ccc;border-radius:0;background:#fff;float:left;max-width:120px;color:#000;font-family:'Roboto',sans-serif;font-size:17px}
.footer_form .form_raw textarea{padding:4px;border:1px solid #ccc;border-radius:0;background:#fff;max-width:95%;max-height:94px;resize:none;color:#000;font-family:'Roboto',sans-serif;font-size:17px}
.footer_form .form_raw input.wpcf7-submit{padding:13px 40px;border:none;border-radius:12px;background:#fe003e;float:right;margin:5px 28px 0 0;width:auto;color:#FFF;font-family:'Bebas Neue',cursive;font-weight:400;letter-spacing:1.5px;font-size:18px}
#footer h2{color:#FFF;font-family:'Bebas';font-size:28px;margin:0 0 30px;padding:0;float:left;width:100%;font-weight:lighter}
.site-content{display:block;width:100%;margin:40px auto 0}
.primary{width:96%;margin:0 auto;padding-right:0}
.secondary{display:block;width:100%;margin:20px 0 0}
.single-post .site-content,.page .site-content{width:100%;max-width:inherit;margin-top:0;padding-top:0}
.single-post .primary,.page .primary{width:100%}
.single-post .secondary,.page .secondary{width:100%}
.error404 .primary{height:350px;padding-top:100px}
.footer{margin-top:80px;padding:100px 0;background-color:#020733;color:#fff;text-align:center}
.footer a{color:#fff}
.header a,.header a:visited{color:#555}
.header a:hover,.header a:focus,.header a:visited:hover,.header a:visited:focus{color:#20b2aa}
.header__title{display:inline-block;margin:0 0 0 8px;font-size:2.2rem;font-weight:700;color:#222}
.entry__footer .cat-links,.entry__footer .tags-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:8px}
.entry__footer .post-categories{display:inline-block;padding-left:0}
.entry__footer li{display:inline-block;margin:0}
.entry__footer a{padding:2px 4px}
.entry__footer a:hover,.entry__footer a:focus{color:#137b75}
.entry__footer .comments-link{display:block}
.entry__footer .edit-link{display:inline-block;margin-top:4px}
.entry__footer .post-edit-link{display:inline-block;border-radius:3px;border:none;background:#20b2aa;color:#fff}
.entry__footer .post-edit-link:hover{background:#137b75;color:#fff}
.widget{margin-top:40px}
.widget:first-child{margin-top:0}
.widget__title{margin:0 0 12px;padding:0;font-size:2.2rem;font-weight:400}
.widget__title + div{padding-left:12px}
.widget ul{padding-left:12px}
.widget li{list-style:none;margin-top:8px}
.widget li:first-child{margin-top:0}
.widget a,.widget a:visited{color:#555}
.widget a:hover,.widget a:focus,.widget a:visited:hover,.widget a:visited:focus{color:#20b2aa}
.widget_archive ul,.widget_categories ul,.widget_meta ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.widget_archive li,.widget_categories li,.widget_meta li{margin:0 12px 12px 0}
.entry{margin:20px 0;padding:0;float:left;width:100%}
.single-post .entry,.page .entry{padding:0;box-shadow:none;border:none}
.page_title{background-image:url(images/pagetitle.jpg);background-position:center center;background-repeat:no-repeat;margin:0;padding:0;text-align:center;width:100%;float:left}
.page_title h1.entry__title{background-image:url(images/diagonal-lines.png);background-position:left top;background-repeat:repeat 0 0;color:#fff;float:left;font-family:'Roboto',sans-serif;font-size:32px;letter-spacing:3px;margin:0;padding:30px 0;text-align:center;text-transform:uppercase;width:100%}
body.home .entry{margin:0}
.page-title{word-wrap:break-word;overflow-wrap:break-word}
form[role="search"]{position:relative}
form[role="search"] label{display:block;width:100%}
form[role="search"] .search-field{display:block;width:calc(100% - 60px);height:30px;padding:0 0 0 8px;border:1px solid #eee;border-right:none}
form[role="search"] .search-submit{position:absolute;top:0;right:0;padding:0;width:60px;height:30px;border:1px solid #eee;background-color:#fff}
form[role="search"] .search-submit:hover{cursor:pointer}
.posts-navigation{margin-top:40px}
.single-post .post-navigation,.page .post-navigation{display:block;float:left;margin:40px auto 0;max-width:700px;width:100%}
h2.screen-reader-text{font-size:17px}
.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:80px;padding:8px 0;border-top:1px solid #e1e5e7;border-bottom:1px solid #e1e5e7}
.nav-links::after{content:"";clear:both;display:block}
.nav-links a{display:block;position:relative;width:100%;color:#555}
.nav-links a:hover,.nav-links a:focus{color:#20b2aa}
.nav-previous,.nav-next{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;vertical-align:middle}
.nav-previous a,.nav-next a{padding:0 10px 0 15px}
.nav-previous{vertical-align:middle;text-align:left}
.nav-previous a{border-right:1px solid #e1e5e7}
.nav-previous a::before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;border:solid #888;left:0;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-next{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}
.nav-next a::after{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;border:solid #888;right:0;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
input[name="post_password"]{display:block;margin-top:8px}
input[name="Submit"]{margin-top:8px;display:inline-block;padding:8px 12px;border-radius:3px;border:none;background:#20b2aa;color:#fff}
input[name="Submit"]:hover{cursor:pointer}
.comments{display:block;width:96%;max-width:700px;margin:40px auto 0}
.comments textarea{width:100%}
.comments__title{font-size:1.6rem}
.comments__list{margin-left:0;padding:0}
.comments__list li{list-style:none}
.comment{list-style:none;margin-top:20px;padding:8px;border:1px solid #ccc;border-radius:3px;background:#fff}
@media (min-width:640px) {
.comment{padding:24px}
}
.comment .children{padding:0}
.comment .comment.odd{background:#fafafa}
.comment.even + .odd{background:#fff}
.comment table{width:96%;margin:0 auto;border-collapse:collapse;border-spacing:0}
.comment th,.comment td{padding:10px;border:1px solid #ccc}
.comment th{background-color:#eee}
.comment dl{margin-top:40px;font-size:1.6rem}
.comment dt{margin-top:20px}
.comment dd{margin-left:20px}
.comment ul{margin-top:4rem;padding-left:20px}
.comment ul li{margin-top:8px;list-style:disc;font-size:1.6rem}
.comment ol{margin-top:40px;padding-left:2rem}
.comment ol li{margin-top:8px;list-style:decimal;font-size:1.6rem}
.comment ol.children li{list-style:none}
.comment li ul,.comment li ol{margin-top:8px}
.comment blockquote{position:relative;display:block;width:96%;padding:20px;margin:0 auto;border-radius:5px;font-size:1.4rem;margin-top:40px;background-color:#eee}
.comment blockquote::before{content:"“";font-size:5rem;line-height:1em;font-family:'ＭＳ Ｐゴシック',sans-serif;color:#fff;position:absolute;left:10px;top:10px}
.comment blockquote p,.comment blockquote h1,.comment blockquote h2,.comment blockquote h3,.comment blockquote h4,.comment blockquote h5,.comment blockquote h6,.comment blockquote ul,.comment blockquote ol,.comment blockquote dl,.comment blockquote table{margin:0}
.comment pre{width:100%;padding:10px}
.comment p{margin-top:20px;font-size:1.6rem}
.pingback{margin-top:8px}
.comment-author a,.comment-meta a{color:#555}
.comment-author a:hover,.comment-meta a:hover{color:#20b2aa}
.comment-notes{margin:20px 0 10px}
.required{color:red}
.comment-form-comment,.comment-form-author,.comment-form-email,.comment-form-url{margin:20px 0 0}
.comment-form-comment label,.comment-form-author label,.comment-form-email label,.comment-form-url label{display:block}

@media screen and (max-width: 1024px) {
    .emailid {margin: -40px 0 0;max-width: 50%;}
}
@media screen and (max-width: 768px) {
.main_menu{max-width:76%}
.emailid {margin: -30px 0 0;max-width: 55%;}
.links_footer a {font-size: 21px;}
.home_social_icons a i {padding: 10px 12px;font-size: 36px;}
}
@media screen and (max-width: 480px) {
.main_menu{float:left;margin:2px 0 0;padding:0;width:100%;max-width:62%;text-align:center}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;width:100%!important}
.emailid {margin: -27px 0 0 0;max-width: 60%;}
.more_games a img {max-width: 16%;}
.home_social_icons a i {padding: 8px 10px;font-size: 32px;}
.links_footer a {font-size: 18px;}
}
@media screen and (max-width: 320px) {
.main_menu{float:left;margin:2px 0 0;padding:0;width:100%;max-width:62%;text-align:center}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;width:100%!important}
.emailid {margin: -27px 0 0 0;max-width: 60%;}
.more_games a img {max-width: 16%;}
.home_social_icons a i {padding: 8px 10px;font-size: 32px;}
.links_footer a {font-size: 18px;}
}