@font-face {
    font-family: 'LiberationSans';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/liberationsans-regular-webfont.eot'),
         url('/fonts/liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-regular-webfont.woff') format('woff'),
         url('/fonts/liberationsans-regular-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-regular-webfont.svg#liberation_sansregular') format('svg');
}

@font-face {
    font-family: 'LiberationSans';
    font-weight: bold;
    font-style: normal;
    src: url('/fonts/liberationsans-bold-webfont.eot'),
         url('/fonts/liberationsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-bold-webfont.woff') format('woff'),
         url('/fonts/liberationsans-bold-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-bold-webfont.svg#liberation_sansbold') format('svg');
}

@font-face {
    font-family: 'LiberationSans';
    font-weight: normal;
    font-style: italic;
    src: url('/fonts/liberationsans-italic-webfont.eot'),
         url('/fonts/liberationsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-italic-webfont.woff') format('woff'),
         url('/fonts/liberationsans-italic-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-italic-webfont.svg#liberation_sansitalic') format('svg');
}

@font-face {
    font-family: 'LiberationSans';
    font-weight: bold;
    font-style: italic;
    src: url('/fonts/liberationsans-bolditalic-webfont.eot'),
         url('/fonts/liberationsans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-bolditalic-webfont.woff') format('woff'),
         url('/fonts/liberationsans-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-bolditalic-webfont.svg#liberation_sansbold_italic') format('svg');
}

@font-face {
    font-family: 'NeutraText-Book';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/NeutraText-Book.eot'),
         url('/fonts/NeutraText-Book.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeutraText-Book.woff') format('woff'),
         url('/fonts/NeutraText-Book.ttf') format('truetype'),
         url('/fonts/NeutraText-Book.svg#NeutraText-Book') format('svg');
}

@font-face {
    font-family: 'NeutraText-Bold';
    font-weight: bold;
    font-style: normal;
    src: url('/fonts/NeutraText-Bold.eot'),
         url('/fonts/NeutraText-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeutraText-Bold.woff') format('woff'),
         url('/fonts/NeutraText-Bold.ttf') format('truetype'),
         url('/fonts/NeutraText-Bold.svg#NeutraText-Bold') format('svg');
}

@font-face {
    font-family: 'NeutraText-BoldItalic';
    font-weight: bold;
    font-style: italic;
    src: url('/fonts/NeutraText-BoldItalic.eot'),
         url('/fonts/NeutraText-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeutraText-BoldItalic.woff') format('woff'),
         url('/fonts/NeutraText-BoldItalic.ttf') format('truetype'),
         url('/fonts/NeutraText-BoldItalic.svg#NeutraText-BoldItalic') format('svg');
}

@font-face {
    font-family: 'NeutraText-Light';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/NeutraText-Light.eot'),
         url('/fonts/NeutraText-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeutraText-Light.woff') format('woff'),
         url('/fonts/NeutraText-Light.ttf') format('truetype'),
         url('/fonts/NeutraText-Light.svg#NeutraText-Light') format('svg');
}

@font-face {
    font-family: 'NeutraText-LightItalic';
    font-weight: normal;
    font-style: italic;
    src: url('/fonts/NeutraText-LightItalic.eot'),
         url('/fonts/NeutraText-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeutraText-LightItalic.woff') format('woff'),
         url('/fonts/NeutraText-LightItalic.ttf') format('truetype'),
         url('/fonts/NeutraText-LightItalic.svg#NeutraText-LightItalic') format('svg');
}

@font-face {
    font-family: 'NeutraText-Demi';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/NeutraText-Demi.eot'),
         url('/fonts/NeutraText-Demi.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeutraText-Demi.woff') format('woff'),
         url('/fonts/NeutraText-Demi.ttf') format('truetype'),
         url('/fonts/NeutraText-Demi.svg#NeutraText-Demi') format('svg');
}

#games, #tourney, #game-results, #player-stats, #shot-list, #player-vids, h1, h2, h3, h4, h5, h6 {
    font-family: LiberationSans !important;
}

.dropdownmenu {
    font-family: LiberationSans !important;
    font-size: 16px;
}

.page-id-21 #top-menu-nav {
    display: none !important;
}

.page-id-21 .et_pb_section {
    padding: 0px !important;
}

body.boxed #container {
    margin: 1px auto;
}

.youtube-video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 74.00%;
    /*padding-left: 15%;*/
}

.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#site-logo a img {
    height: 100%;
    width: 100%;
}

#primary-menu > ul.menu > li > ul.sub-menu {
    border-top: 3px solid #800000;
}

#primary-menu > ul.menu > li > a {
    font-size: 18px;
    padding: 0 18px 0;
    font-style: normal;
}

@media only screen and (min-width: 767px) and (max-width: 805px) {
    #Player {
        padding: 0px 15px 0px 6px !important;
    }
}

/*@media only screen and (min-width: 767px) and (max-width: 859px) {
    #game-results .last .segment-content {
        width: 70% !important;
        margin-left: 35% !important;
    }
}*/

/*.menu-item-16 > a {
    display: none!important;
}

#mobile-menu > .menu-item-16 > ul {
    display: none!important;
}

.menu-item-16 > .sf-sub-indicator {
    display: none!important;
}*/

#game-registration {
    display: none;
}

#register-submit {
    margin-bottom: 0px;
}

#register-footer {
    font-size: 12px;
    margin-bottom: 0px;
}

#content .wpcf7-form .contact-max-width {
    width: 98%;
    display: block;
}

.player1info p {
    height: 70px;
}

.team1info p {
    height: 70px;
}

.sectionheader {
    font-size: 28px;
    border: 2px solid black;
    padding: 8px 8px;
    background: #800000;
    border-radius: 25px;
    margin: 25px;
}

.iconstyle {
    font-size: 20px !important;
    color: #800000;
    vertical-align: middle;
    opacity: 1 !important;
}

.entry-content tr td {
    border-top: 0px !important;
}

form.wpcf7-form {
    margin-bottom: 0px;
}

div.wpcf7-response-output {
    margin: 0px;
    padding: 5px;
    width: 94%;
}

.wpcf7-select {
    width: 540px;
    line-height: 34px !important;
    height: 50px;
}

#stroke-gamedate {
    width: 540px;
    line-height: 28px !important;
    height: 50px;
    vertical-align: middle;
}

#tourney-gamedate {
    width: 540px;
    line-height: 28px !important;
    height: 50px;
    vertical-align: middle;
}

h5.lastname {
    margin-bottom: 0px;
}

h6.lastname {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
}

h6.lastnamehide {
    font-size: 14px;
    line-height: 0px;
    margin-bottom: 0px;
}

div.gamelistdiv {
    padding: 10px;
}

.playerimgsmall {
    width: 45px;
    height: 50px;
    max-width: none;
}

.playerimgfull {
    width: 53px;
    height: 59px;
}

.actionbtnshide {
    display: none;
}

.playerdivwide {
    width: 45%;
}

.teamrankdiv {
    width: 10%;
}

#gamelistseg {
    padding: 0px 20px 30px 20px;
    margin: 0px 20px 0px 20px;
}

#tourneyseg {
    padding: 0px 20px 30px 20px;
    margin: 0px 20px 0px 20px;
}

#tourneycats {
    padding-left: 30px;
}

.tourneycat {
    padding: 4px !important; 
}

.tourneycatitem {
    font-size: 20px;
    display: block;
}

.tourneycatitemsmall {
    font-size: 20px;
    display: none;
}

tr.border-bottom td {
    border-bottom: 2px solid #e5e5e5;
}

#title-area {
    padding: 10px 0 10px;
    margin-bottom: 25px;
}

h1.page-title {
    margin: 0px;
}

td.paddingsmall {
    width: 90px;
}

#gamedetaildiv {
    padding: 10px;
}

.scoresbyhole {
    width: 30%; 
}

#scorecarddiv {
    padding: 5px;
}

.actionbtnswide {
    margin: 0px 0px 0px 0px; 
}

a.underpar {
    color: #515151;
    border: 2px solid green;
    border-radius: 15px;
    padding: 1px;
}

a.overpar {
    color: #515151;
    border: 2px solid red;
    padding: 1px;
}

a.par {
    color: #515151;
    padding: 1px;
}

#middleseg {
    padding: 10px 0px 0px;
}

#holeselectseg {
    background-color: white;
    padding: 5px;
    overflow: hidden;
}

ul.register-tab {
    list-style-type: none;
    margin: 0 3% 0 0;
    padding: 0;
    overflow: hidden;
    background-color: #f1f1f1;
    border-radius: 3px;
}

ul.register-tab li {
    float: left;
    width: 50%;
    margin: 0;
}

ul.register-tab li a {
    display: inline-block;
    color: #3366ff;
    text-align: center;
    padding: 14px 0px;
    width: 100%;
    text-decoration: none;
    transition: 0.3s;
    font-size: 20px;
}

ul.register-tab li a:hover {background-color: #bbb;}

#getstartedlink {
    font-size: 28px; 
    padding: 4px 8px; 
    border-radius: 4px;
}

.registerlink {
    font-size: 26px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 8px;
    border: 2px solid #800000;
    background-color: #e5e5e5;
    color: #800000;
}

.registerlink:hover {
    font-size: 26px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 8px;
    border: 2px solid #800000;
    background-color: #800000;
    color: white;
}

.gcgatlosrios {
    padding: 0px 0px 0px 20px;
}

.selectedgametype {
    background-color: #ccc;
}

#register-course-list {
    display: none;
}

#register-course-list-tourney {
    display: none;
}

.wpcf7-select {
    background: #f9f9f9;
    border: solid 1px #ccc;
}

.wpcf7-date {
    background: #f9f9f9;
}

#site-logo {
    top: 20px;
    margin: 0;
}

@media only screen and (max-width: 1400px) {
   #tourneyseg {
      padding: 0px 20px 30px 0px;
      margin: 0px 20px 0px 20px;
   }
   #tourneycats {
      padding-left: 20px;
   }
}
@media only screen and (max-width: 1150px) {
      #primary-menu > ul.menu > li > a {
        font-size: 16px; 
        padding: 0 13px 0; 
      } 
      .scoresbyhole {
        display: none;
      }
     .actionbtnswide {
        margin-right: 25%;
      }
      .tourneycatitem{
         display: none;
      }
      .tourneycatitemsmall{
         display: block;
      }
}

@media only screen and (max-width: 1090px) {
    /*h5.firstnamesmall {
      font-size: 12pt;
    }*/
    h6.lastnamehide {
      display: none;
    }
}

@media only screen and (max-width: 850px) {
    div.gamelistdiv {
      padding: 0 10px 0 10px;
    }
    /*h5.firstnamesmall {
      font-size: 10pt;
    }*/
    td.paddingsmall {
      width: 75px;
    }
    #title-area h1 {
      font-size: 28pt;
    }
}

@media only screen and (max-width: 815px) {
    .teamrankdiv {
      width: 11%;
    }
    .actionbtnswide {
       margin-right: 20%;
    }
}

@media only screen and (max-width: 745px) {
    .teamrankdiv {
      width: 12%;
    }
}

@media only screen and (max-width: 690px) {
    .teamrankdiv {
      width: 14%;
    }
}

@media only screen and (max-width: 1024px) {
    #primary-menu {
       padding: 0;
       position: relative;
       right: 0;
       bottom: 0;
       top: 20px;
       float: right; 
     } 
    #site-logo {
      display: inline-block;
     } 
    .box-frame {
      max-width: 350px;
     }
    #getstartedlink {
        font-size: 20px; 
        padding: 3px 6px; 
        border-radius: 3px;
    }
    .feature-title {
        font-size: 16px; 
    }
}

/*@media only screen and (max-width: 960px) {
    .menu-item-16 > a {
       display: block!important;
     } 
    .menu-item-158 > a {
      display: none!important;
     } 
    .menu-item-13 > a {
      display: none!important;
     } 
    .menu-item-15 > a {
      display: none!important;
     } 
    .menu-item-160 > a {
      display: none!important;
     } 
    .menu-item-161 > a {
      display: none!important;
     } 
    .menu-item-14 > a {
      display: none!important;
     } 
    .menu-item-12 > a {
      display: none!important;
     }
    #hole_shots { 
      display: none;
    }
}*/

@media only screen and (max-width: 910px) {
    .feature-title {
        font-size: 14px;
    }
}

/*@media only screen and (min-width: 767px) and (max-width: 910px) {
    .fourcol {
        width: 46% !important;
    }
}*/

@media only screen and (max-width: 767px) {
    #site-logo {
        top: 0px;
    }
    .menu-item-16 > a {
       display: none!important;
     } 
    .menu-item-16 > ul {
       display: none!important;
     }
    .menu-item-158 > a {
      display: block!important;
     } 
    .menu-item-13 > a {
      display: block!important;
     } 
    .menu-item-15 > a {
      display: block!important;
     } 
    .menu-item-160 > a {
      display: block!important;
     } 
    .menu-item-161 > a {
      display: block!important;
     } 
    .menu-item-14 > a {
      display: block!important;
     } 
    .menu-item-12 > a {
      display: block!important;
     }
    .embedvid {
      display: none!important;
     }
    .playerimgsmall {
      width: 36px;
      height: 40px;
      max-width: none;
    }
    /*h5.firstnamesmall {
      font-size: 9pt;
    }*/
    td.paddingsmall {
      padding: 10px 2px 10px 2px !important;
      width: 60px;
    }
    .actionbtnswide {
       margin-right: 15%;
    }
    .gcgatlosrios {
       padding-right: 20px;
    }
    .feature-title {
        font-size: 18px; 
    }
}

@media only screen and (max-width: 670px) {
    .actionbtnshide {
        display: block;
    }
    h5.firstnamesmall {
        line-height: 18px;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }
    .actionbtnswide {
        display: none;
        margin-right: 0px;
    }
    .teamrankdiv {
        width: 30%;
    }
    .scoresbyhole {
        display: none;
    }
    #tourneyseg {
        padding: 0px 20px 30px 0px;
        margin: 0px 20px 0px 20px;
    }
    #tourneycats {
        padding-left: 10px;
    }
    #title-area h1 {
        font-size: 24pt;
    }
    #title-area {
        padding: 5px 0 5px;
    }
    .playerdivwide {
        width: 69%;
    }
    ul.register-tab li a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 525px) {
    #site-logo {
        height: 80%;
        width: 80%;
    }
    #title-area h1 {
        font-size: 18pt;
    }
    #gamelistseg {
        padding: 0px 0px 30px 0px;
        margin: 0px 0px 0px 3px;
    }
    #tourneyseg {
        padding: 0px 0px 30px 0px;
        margin: 0px 0px 0px 3px;
    }
    #tourneycats {
        padding-left: 0px;
    }
    #gamedetaildiv {
        padding: 5px;
    }
    #middleseg > .segment-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    #holeselectseg > .segment-content {
        padding-left: 5px;
        padding-right: 5px;
    }
    .playerdivwide {
        width: 68%;
    }
    #getstartedlink {
        font-size: 16px;
        padding: 2px 4px;
        border-radius: 2px;
    }
}

@media only screen and (max-width: 479px) {
    #content .wpcf7-form .contact-max-width {
       width: 100%;
    }
    .tourneycatitemsmall {
        font-size: 16px;
    }
    ul.register-tab li a {
      font-size: 14px;
    }
    ul.register-tab {
      margin-right: 2%;
    }
}

@media only screen and (max-width: 395px) {
    h5.firstnamesmall {
      font-size: 16px;
      letter-spacing: 0px;
    }
   .tourneycat {
        padding: 5px; 
    }
    ul.register-tab li a {
      font-size: 12px;
    }
    ul.register-tab {
      margin-right: 1%;
    }
}

@media only screen and (max-width: 384px) {
    .wpcf7-form input[type=submit] {
        padding: 20px 0px;
        width: 100%;
    }
}


@media only screen and (max-width: 360px) {
    .wpcf7-form input[type=submit] {
        padding: 20px 0px;
        width: 100%;
    }
    .tourneycatitemsmall {
        font-size: 14px;
    }
}


@media only screen and (max-width: 325px) {

   .tourneycat {
        padding: 3px; 
    }
    .tourneycatitem {
        font-size: 14px;
        padding: 4px;
    }
}

#hole_select { 
      position: absolute; 
      top: 0px; 
      left: 30px; 
      padding-left: 0px;
      padding-top: 15px; 
}

#hole_select > form {
      display: inline;
}

#hole_shots { 
      position: absolute; 
      top: 15px; 
      right: 20px; 
      padding: 10px;
      background: #fff; 
      z-index: 5; 
      box-shadow: 0 5px 10px #777; 
}

#ShotMap > .segment-content {
      padding: 0;
      margin: 0;
      max-width: none;
}

#Go {
      padding: 14px 12px;
      letter-spacing: 2px;
      border: 0px;
}

#playerscore {
      padding: 2px;
      background-color: #800000;
      color: #ffffff;
      float: right;
      margin-bottom: 0px;
      line-height: 20px;
}

#map-canvas {
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
}

.map_infowindow_title {
     font-weight: bold;
     color: black;
     margin: 2px;
     padding: 1px;
     line-height: 1.35;
}

.map_infowindow_description {
     margin: 5px 0 0 0;
}

.gm-style-iw {
     line-height: 14px;
}

iframe {
        overflow:hidden;
}

@media only screen and (max-width: 670px) {

 .flip {
    perspective: 800;
     position: relative;
     height: 160px;
  }
  .flip .card.flipped {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  .flip .card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 1s;
    transform-style: preserve-3d;
    transition: 1s;
    z-index: 3;
  }
  .flip .card .face {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
  }
  .flip .card .front {
    position: absolute;
    z-index: 1;
    /*background: white;*/
  }
  .flip .card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    /*background: white;*/
    color: black;
  }
   .scoresbyhole {
      width: 99%;
      display:block;
      padding-right: 2px;
   }

}

.circleflip {
     perspective: 800;
     position: relative;
     height: 160px;
}
.circleflip .card.flipped {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.circleflip .card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 1s;
    transform-style: preserve-3d;
    transition: 1s;
    z-index: 3;
}
.circleflip .card .face {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}
.circleflip .card .front {
    position: absolute;
    z-index: 1;
}
.circleflip .card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#main-header {
     top: 0px !important;
}
