/*
 Theme Name:   Switch Child
 Theme URI:    http://switchcreatives.com/
 Description:  Custom Switch child theme for Golf Cutlery Gifts
 Author:       Robert Long
 Author URI:   http://switchcreatives.com/
 Template:     switch-theme
 Version:      1.0.0
 Text Domain:  twenty-fifteen-child
*/ 

@import url('https://fonts.googleapis.com/css?family=Passion+One');

@import "css/dropdown.css";

body {
background-image:none;
background-color:#999;
margin: 0;
padding: 0;
width: 100%;
}

h1 {
font-weight:normal;
font-size: 55px;
text-align: center;
color: #fff;
margin: 0;
padding: 0;
text-indent:-99999px;
}

h2 {
font-weight: normal;
font-size: 80px;
text-align: center;
color: #fff;
margin: 0;
padding: 0;
font-family: 'Passion One', cursive;
text-shadow:0 0 10px #000;
}

h3 {
font-weight: normal;
font-size: 44px;
text-align: center;
margin: 5px 0;
padding: 0;
z-index: 1;
position: relative;
font-family: 'Passion One', cursive;
line-height:40%;
text-shadow:0 0 10px #000;
}

h3.light-bg {
text-shadow:0 0 10px #fff;
color:rgba(70, 40, 0, 1);
}

.center {
margin: 0 auto;
}

.content {
margin: 0 auto;
width: 100%;
}

.clear {
clear: both;
}

#head {
width: 100%;
height: 675px;
margin-top: 0px;
padding-bottom:40px;
}

#head.page {
height:450px;
}

#nav {
width: 100%;
background:rgba(70,40,0,.6);
position:fixed;
top:0;
height:auto;
box-shadow:none;
}

.gridzyAnimated .gridzyItem span {
font-family: 'Passion One', cursive;
}

#head .logo {
width: 550px;
height: 250px;
box-shadow: none;
background:url(images/KeithMacGrath_logo.png) no-repeat;
background-size: 100% auto;
position:relative;
z-index:0;
top:100px;
margin:0 auto 0;
}

#nav ul {
list-style: none;
text-align:center;
margin: 0 auto;
list-style: none;
width:100%;
}

#nav li {
display:inline-block;
padding:5px 10px;
float:none;
font-family: 'Passion One', cursive;
}

#nav li a {
color: #fff;
opacity:0.6;
font-size: 16px;
text-decoration: none;
}

#nav li a.active {
color: #fff;
opacity:1;
}

#nav li a:hover {
color: #fff;
opacity:1;
}

#slide1, #slide2 {
width: 100%;
} 

#slide1 {
color: #fff;
height: 700px;
margin: 0;
padding: 100px 0 260px 0;
background-size: cover;
margin-top:80px;
box-shadow:0 0 40px rgba(0,0,0,.8);
}

#slide2 {
background-color: #fff;
color: #fff;
height: 460px;
margin: 0 auto;
overflow: hidden;
padding: 140px 0 200px 0;
box-shadow:0 0 40px rgba(0,0,0,.8);
}

#slide3 {
background: url(../img/slide3.jpg) 50% 0 no-repeat fixed;
color: #fff;
min-height: 1200px;
padding: 140px 0 40px 0;
background-size: cover;
box-shadow:0 0 40px rgba(0,0,0,.8);
}

#slide4 {
background-color: #fff;
color: #333333;
height: 400px;
padding: 200px 0 200px 0;
box-shadow:0 0 40px rgba(0,0,0,.8);
}

#slide5 {
background: url(../img/slide5.jpg) 50% 0 no-repeat fixed;
height: 700px;
margin: 0 auto;
padding: 50px 0;
color: #fff;
background-size: cover;
}

#content .main, #content {
min-height:auto;
}

#copyright {
color: #fff;
font-family: 'Passion One', arial, helvetica, san-serif;
font-size: 14px;
margin-top:0px;
text-align: center;
}

#content.page .main ul {
margin:0 auto 0;
width:400px;
list-style:none;
background: rgba(70, 40, 0, .7);
box-shadow:none;
padding:30px;
border-radius:0;
}

#content.page .main ul li {
list-style:none;
color:#fff;
border-bottom: 1px dotted #999;
padding: 10px 0;
text-align:center;
font-family: helvetica, san-serif;
line-height: 140%;
font-weight: bold;
font-size: 130%;
margin-left: 0px;
}

#content .main h4 {
text-align:center;
margin-top:20px;
}

#content .main .body-text.light h4 {
color:#fff;
text-align: center;
margin: 30px 0 0 0;
font-size: 24px;
padding: 10px 0;
}

#copyright a {
text-decoration: underline;
color: #fff; 
}

header .headlines {
clear:both;
position:relative;
top:250px;
}

header .headlines.page {
top:80px;
}

header .headlines h3 {
color:#fff;
}

#content.page .main {
width:100%;
}

#content.page {
background:rgba(255,255,255,.8);
box-shadow:0 0 30px rgba(0,0,0,.5);
width:90%;
padding:20px 2%
}

#content .main p {
font-family: 'Passion One', arial, helvetica, san-serif;
font-size:22px;
width:50%;
color:#666;
margin:10px auto;
}

div.form, div.body-text {
padding:30px;
width:400px;
margin:20px auto;
background:rgba(0,0,0,.7);
}

div.body-text.light {
background:rgba(70, 40, 0, .7);
}

div.body-text.light p {
color:#fff;
}

div.body-text {
margin-top:60px;
}

div.body-text.gallery {
width:80%;
}

div.body-text.gallery p {
text-align:center;
margin-bottom:10px;
}

div.body-text p, div.body-text ul {
font-family:helvetica, san-serif;
line-height:140%;
font-weight:bold;
font-size:130%;
}

div.body-text h4 {
text-align:center;
margin:30px 0 0 0;
font-size:24px;
background:rgba(0,0,0,.5);
padding:10px 0;
}

div.body-text ul li {
text-align:center;
border-bottom:1px dotted #999;
padding: 10px 0;
}

div.form label {
font-family: 'Passion One', cursive;
width:100%;
}

div.body-text iframe {
margin-top:20px;
}

#content .main .wpcf7 {
width:auto;
background:none;
border:none;
box-shadow:none;
}

#content .main .form p {
width:100%;
color:#fff;
text-shadow:none;
}

div.more {
clear:both;
width:225px;
margin:0 auto 0;
text-align:center;
font-family: 'Passion One', cursive;
font-size:130%;
color:#000;
text-transform:uppercase;
}

div.more a {
padding:15px 30px;
background:rgba(244,235,200,.8);
display:block;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
}

div.more a:hover {
background:rgba(244,235,200,.4);
color:#fff;
}

div.form input.wpcf7-text {
padding:10px 3%;
margin:10px 0;
width:94%;
}

div.form textarea.wpcf7-textarea {
padding:10px 3%;
width:94%;
margin:10px 0;
}

#copyright {
text-shadow:0 0 5px #000;
background:rgba(0,0,0,.8);
padding:20px 0;
}

#content .main div.padded {
clear:both;
margin-top:70px;
}

#content div.wpcf7-response-output {
color:#fff;
}

#content .main p {
width:90%;
margin:10px auto;
}

#content .main iframe {
border:none;
}

div.form label {
text-shadow:1px 1px #000;
font-weight:normal;
letter-spacing:1px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 540px) { 

#header .wrap, #nav, #nav ul, #data-boxes, #content, #home-sidebar, #data-boxes .data, #content .left, #home-sidebar .home-widget, #content .content, #content .main ul.sport, #content .main ul.sport li, #content .main-thumb, #content .main-thumb img, div.content div.form,  div.content div.body-text, div.body-text.gallery, #head .logo {
width:100%;
min-width:100%;
max-width:100%;
float:none;
clear:both;
padding:0;
margin:0;
height:auto;
}

body {
display:block;
}

header.header {
position:fixed;
top:0;
right:0;
z-index:999999;
background:rgba(70,40,0,.6);
width:100%;
}

header .headlines.page {
top:auto;
}

div#content.page {
padding:0;
background:none;
box-shadow:none;
}

#content .main {
float:none;
height:auto;
}

#head.page {
height:auto;
}

#content.page .main ul {
width:80%;
padding:10px 10%;
}

#content.page .main {
background:rgba(255,255,255,.8);
}

div.form {
padding: 30px 10%;
width: 80%;
margin: 20px auto;
background: rgba(0, 0, 0, .7);
}

#head .logo {
width: 100%;
max-width:100%;
min-width:100%;
top: 80px;
height:200px;
}

header .contact {
color:#fff;
position:fixed;
left:10px;
top:15px;
font-size:30px;
font-family: 'Passion One', arial, helvetica, san-serif;
}

header .contact a {
color:#fff;
}

header .headlines {
top:auto;
margin-top:90px;
}

.content {
width:80%;
margin:0 auto 0;
}

div.more {
box-shadow:0 0 10px rgba(0,0,0,.5);
margin-top:20px;
}

div.body-text p {
text-align:center;
}

div.content div.form {
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
}

#slide5 div.content div.form p {
width:90%;
text-align:center;
margin:0 auto 0;
}

div.body-text.light p a {
color:#fff;
text-decoration:underline;
}

#copyright {
width:80%;
padding-left:10%;
padding-right:10%;
}

#slide3 .gridzy img {
border:1px solid #fff;
}

#slide1, #slide2, #slide3, #slide4  {
margin-top:60px;
padding-top:80px;
height:auto;
padding-bottom:40px;
}

#slide2, #slide3, #slide4 {
margin-top:0;
}

#slide1 h2, #slide5 h2 {
margin-bottom:5px;
}

div.content div.body-text {
margin-top:20px;
}

div.body-text p {
padding:10px 4%;
}

#head {
height:480px;
}

h2 {
line-height:80%;
margin-bottom:20px;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  padding:0px;
  overflow:hidden;
  background: rgb(252,252,252);
  position:relative;
  left:0;
  font-family: 'Passion One', arial, helvetica, san-serif;
}

.header .menu li {
border-bottom:1px solid #eee;
padding:12px;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 32px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 3px;
  position: relative;
  transition: background .2s ease-out;
  width: 23px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 7px;
}

.header .menu-icon .navicon:after {
  top: -7px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 400px;
  box-shadow:0 10px 20px #000;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}



}

/* 48em = 768px */

@media (min-width: 48em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}