/*

Theme Name: Hunting and Fishing Licenses Online
Theme URI:
Author: Aldwin Galapon
Author URI: http://www.jamediasolutions.com/
Description: This Hunting and Fishing Licenses Online theme is a responsive theme developed by JA Media Solutions
Version: 1.0
Tags:
Text Domain: hunting

This theme is client all rights reserved.

*/

 /*----------------------------------------------*/
    /* Global Reset */
    /*----------------------------------------------*/
    /*@import "reset.css";*/
    /*----------------------------------------------*/
    /* Extra fonts */
    /*----------------------------------------------*/
    @font-face {font-family: BreeSerif_Regular; font-weight: normal; font-style: normal; src: url("/marketing/html/acm/__shared/templates/css/BreeSerif-Regular.otf") format("opentype");}
    @font-face {font-family: ProximaNova_Bold; font-weight: normal; font-style: normal; src: url("/marketing/html/acm/__shared/templates/css/ProximaNova-Bold.otf") format("opentype");}
    /*----------------------------------------------*/
    /* Base */
    /*----------------------------------------------*/
    html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0 !important; background: #FFF;}
    body {font-size: 100%; margin: 0; padding: 0;}
    .container {width: 1020px; margin: 0 auto;}
    img, article img, aside img, header img, section img, img[class*="align"] {max-width: 100%;}
    img, article img, aside img, header img, section img, img[class*="align"] {height: auto;}
    .aligncenter, div.aligncenter {display: block; margin: 0 auto;}
    .alignleft {float: left; margin-right: 20px;}
    .alignright {float: right; margin-left: 20px;}
    .alignnone {max-width: 100%; height: auto; margin: 1% 0; padding: 0 0 1% 0;}
    /*----------------------------------------------*/
    /* Structure: Header */
    /*----------------------------------------------*/
    #shift-pagetitle h1 {background-image:url(/marketing/html/acm/__shared/assets/bgd_stripe_sm2585.gif); background-repeat: repeat-x; background-position: left bottom; width: 98%; margin: 1% 0 2% 0; padding: 0 0 1% 2%; font-size: 24px; color: #64a547; font-weight: normal; font-family: BreeSerif_Regular, serif, Times;}
    /*----------------------------------------------*/
    /*  Structure: Borders & Dividers */
    /*----------------------------------------------*/
    hr {border:0px solid transparent !important; background-color:transparent !important; height:1px;}
    .border_top {border-top:1px solid #D7D7D7; clear: both; margin-bottom: 20px;}
    .border_bottom {border-bottom:1px solid #D7D7D7; clear: both; margin-bottom: 20px;}
    .divider_30, .divider_25, .divider_20, .divider_15, .divider_10, .divider_5, .divider_1, .divider {clear:both; display:block; width:100%;}
    .divider_30 {margin-bottom:30px;  padding-top:30px;}
    .divider_25 {margin-bottom:25px;  padding-top:25px;}
    .divider_20 {margin-bottom:20px;  padding-top:20px;}
    .divider_15 {margin-bottom:15px;  padding-top:15px;}
    .divider_10 {margin-bottom:10px;  padding-top:10px;}
    .divider_5 {margin-bottom:5px; padding-top:5px;}
    .divider_1 {margin-bottom:1px; padding-top:1px;}
    .nomargin {margin: 0;}
    /*----------------------------------------------*/
    /* Structure: Inner Grid */
    /*----------------------------------------------*/
    /*----------------------------------------------*/
    /* Structure: Content (General) */
    /*----------------------------------------------*/
    /*----------------------------------------------*/
    /* Structure: Content (Post) */
    /*----------------------------------------------*/
    /*----------------------------------------------*/
    /* Structure: Content (Page) */
    /*----------------------------------------------*/
    /*----------------------------------------------*/
    /* Structure: Content (Home) */
    /*----------------------------------------------*/
    #dont-see {background-image:url(http://www.reserveamerica.com/marketing/html/acm/__shared/assets/bgd_stripe2584.gif); background-repeat: repeat-x; width: 100%; height: 20px;}
    #other-states {font-family: ProximaNova_Bold, san-serif, Arial;	 margin: 0; text-align: center;}
    #other-states a {background-color: #ffffff; color: #2F4964; text-decoration:none; padding: 0 2%;}
    #other-states a:hover {color: #588fcf;}
    #prize-logo {display: block; width: 100%; margin: 20px 0 0 0; position: relative; z-index: 100;}
    #prize-logo img {margin: 0 auto; display: block; width: 968px;}
    #states, #states2, #states3, #states4 {position: relative; margin: 2% 0 0 0; padding: 0; overflow: hidden;}
    #states .state {margin-bottom: 2%;}
    #orange, #orange-pixlee {background-color: #E58D08 !important; padding: 5%; border-radius: 6px; line-height: 20px; margin: 5% 0; clear:both; display: block; color: #ffffff; font-weight: normal; font-family: BreeSerif_Regular, serif, Times; text-decoration: none; text-align: center; border: 1px solid #E2971F; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08)); background: -webkit-linear-gradient(top, #eba843, #e58d08); background: -moz-linear-gradient(top, #eba843, #e58d08); background: -ms-linear-gradient(top, #eba843, #e58d08); background: -o-linear-gradient(top, #eba843, #e58d08);}
    #orange-pixlee {padding: 3%; margin: 0; font-size: 115%;}
    /*----------------------------------------------*/
    /* Structure: Sidebar */
    /*----------------------------------------------*/
    /*----------------------------------------------*/
    /* Structure: Footer */
    /*----------------------------------------------*/
    #table {position: relative; z-index: 0; margin: -15px 0 0 0; overflow: hidden;}
    #table .button-outer {position: absolute; left: 50%; top: 18%;}
    #table .button-outer:active {top: 19%;}
    #table .button-outer .button-inner {position: relative; left: -50%;}
    #table #enter-button {display: block; width: 270px; height: 60px; border-style: none; outline: none; cursor: pointer; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08)); background: -webkit-linear-gradient(top, #eba843, #e58d08); background: -moz-linear-gradient(top, #eba843, #e58d08); background: -ms-linear-gradient(top, #eba843, #e58d08); background: -o-linear-gradient(top, #eba843, #e58d08); font-family: BreeSerif_Regular, serif, Times; color: #FFF; font-size: 30px; border-radius: 3px; -webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);}
    #table a {display: block; width: 100%; height: 100%;}
    #table img {margin: 0 auto; display: block; width: 968px;}
    /*----------------------------------------------*/
    /* Desktop View */
    /*----------------------------------------------*/
    .desktop-view {display: block;}
    .tablet-view, .mobile-view, .mobile-view-only {display: none;}
    /* #Tablet (Portrait)
    ================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {width: 100%;}
    }
    /*  #Mobile (Portrait)
    ================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
    .container {width: 100% !important;}
    .state.grid_2 {width: 48.0%}
    .state.grid_2 img{width:100%}
    }
    /* #Mobile (Landscape)
    ================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width: 100% !important;}
    /* Pixlee Landing
    ================================================== */
    .pixlee-p {font-family: ProximaNova, san-serif, Arial; font-weight: normal; font-style: normal; src: url("/marketing/html/acm/__shared/templates/css/BreeSerif-Regular.otf") format("opentype"); margin: 0 20px 10px; line-height:130%; font-size: 13px;}
    #dont-see-pixlee {background-image: url(/marketing/html/acm/__shared/assets/bgd_stripe2584.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 20px;
    margin: 10px 0 30px;
    }
    #complete-rules {font-family: ProximaNova_Bold, san-serif, Arial;
    text-align: center;
    }
    #complete-rules a {background-color: #ffffff;
    color: #2F4964;
    text-decoration: none;
    padding: 0 2%;
    }
    #complete-rules a:hover {
    color: #588fcf;
    }