/*
 Theme Name:   DevMatchless
 Theme URI:    DevMatchless
 Description:  Twenty Twelve Child Theme
 Author:       Parker Hodges
 Template:     twentytwelve
 Version:      1.0.0
 Text Domain:  twenty-twelve-child
*/
/*
################ CUSTOM FONTS LIST ################
Baskerville-Bold
Baskerville-BoldItalic 
Baskerville-Italic
Baskerville-SemiBold
Baskerville-SemiBoldItalic
Baskerville
luloone
luloonebold
lulooutlinebold
lulooutline
lulothreebold
lulothree
lulotwobold
lulotwo
lulofourbold
lulofour
*/

@font-face {
    font-family: Baskerville;
    src: url('../../../fonts/Baskerville.ttf');
}

.Baskerville { font-family: Baskerville; }

@font-face {
    font-family: Baskerville-Bold;
    src: url('../../../fonts/Baskerville-Bold.ttf');
}

.Baskerville-Bold { font-family: Baskerville-Bold; }

@font-face {
    font-family: Baskerville-Italic;
    src: url('../../../fonts/Baskerville-Italic.ttf');
}

.Baskerville-Italic { font-family: Baskerville-Italic; }

@font-face {
    font-family: Baskerville-BoldItalic;
    src: url('../../../fonts/Baskerville-BoldItalic.ttf');
}

.Baskerville-BoldItalic { font-family: Baskerville-BoldItalic; }

@font-face {
    font-family: Baskerville-SemiBold;
    src: url('../../../fonts/Baskerville-SemiBold.ttf');
}

.Baskerville-SemiBold { font-family: Baskerville-SemiBold; }

@font-face {
    font-family: Baskerville-SemiBoldItalic;
    src: url('../../../fonts/Baskerville-SemiBoldItalic.ttf');
}

.Baskerville-SemiBoldItalic { font-family: Baskerville-SemiBoldItalic; }

@font-face {
    font-family: lulothree_bold;
    src: url('../../../fonts/lulothreebold-webfont.eot');
    src: url('../../../fonts/lulothreebold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulothreebold-webfont.woff') format('woff'),
         url('../../../fonts/lulothreebold-webfont.ttf') format('truetype'),
         url('../../../fonts/lulothreebold-webfont.svg#lulothree_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulothree_bold { font-family: lulothree_bold; }

@font-face {
    font-family: 'lulotwo_bold';
    src: url('../../../fonts/lulotwobold-webfont.eot');
    src: url('../../../fonts/lulotwobold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulotwobold-webfont.woff') format('woff'),
         url('../../../fonts/lulotwobold-webfont.ttf') format('truetype'),
         url('../../../fonts/lulotwobold-webfont.svg#lulotwo_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulotwo_bold { font-family: lulotwo_bold; }

@font-face {
    font-family: 'lulotwo';
    src: url('../../../fonts/lulotwo-webfont.eot');
    src: url('../../../fonts/lulotwo-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulotwo-webfont.woff') format('woff'),
         url('../../../fonts/lulotwo-webfont.ttf') format('truetype'),
         url('../../../fonts/lulotwo-webfont.svg#lulotwo') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulotwo { font-family: lulotwo; }

@font-face {
    font-family: 'lulooutline_bold';
    src: url('../../../fonts/lulooutlinebold-webfont.eot');
    src: url('../../../fonts/lulooutlinebold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulooutlinebold-webfont.woff') format('woff'),
         url('../../../fonts/lulooutlinebold-webfont.ttf') format('truetype'),
         url('../../../fonts/lulooutlinebold-webfont.svg#lulooutline_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulooutline_bold {font-family: lulooutline_bold; }

@font-face {
    font-family: 'lulothree';
    src: url('../../../fonts/lulothree-webfont.eot');
    src: url('../../../fonts/lulothree-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulothree-webfont.woff') format('woff'),
         url('../../../fonts/lulothree-webfont.ttf') format('truetype'),
         url('../../../fonts/lulothree-webfont.svg#lulothree') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulothree {font-family: lulothree; }

@font-face {
    font-family: 'lulooutline';
    src: url('../../../fonts/lulooutline-webfont.eot');
    src: url('../../../fonts/lulooutline-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulooutline-webfont.woff') format('woff'),
         url('../../../fonts/lulooutline-webfont.ttf') format('truetype'),
         url('../../../fonts/lulooutline-webfont.svg#lulooutline') format('svg');
    font-weight: normal;
    font-style: normal;
}
.lulooutline {font-family: lulooutline; }

@font-face {
    font-family: 'lulofour_bold';
    src: url('../../../fonts/lulofourbold-webfont.eot');
    src: url('../../../fonts/lulofourbold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulofourbold-webfont.woff') format('woff'),
         url('../../../fonts/lulofourbold-webfont.ttf') format('truetype'),
         url('../../../fonts/lulofourbold-webfont.svg#lulofour_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulofour_bold { font-family: lulofour_bold; }

@font-face {
    font-family: 'luloone';
    src: url('../../../fonts/luloone-webfont.eot');
    src: url('../../../fonts/luloone-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/luloone-webfont.woff') format('woff'),
         url('../../../fonts/luloone-webfont.ttf') format('truetype'),
         url('../../../fonts/luloone-webfont.svg#luloone') format('svg');
    font-weight: normal;
    font-style: normal;
}

.luloone { font-family: luloone; }

@font-face {
    font-family: 'luloone_bold';
    src: url('../../../fonts/luloonebold-webfont.eot');
    src: url('../../../fonts/luloonebold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/luloonebold-webfont.woff') format('woff'),
         url('../../../fonts/luloonebold-webfont.ttf') format('truetype'),
         url('../../../fonts/luloonebold-webfont.svg#luloone_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.luloone_bold { font-family: luloone_bold; }

@font-face {
    font-family: 'lulofour';
    src: url('../../../fonts/lulofour-webfont.eot');
    src: url('../../../fonts/lulofour-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lulofour-webfont.woff') format('woff'),
         url('../../../fonts/lulofour-webfont.ttf') format('truetype'),
         url('../../../fonts/lulofour-webfont.svg#lulofour') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lulofour { font-family: lulofour; }

/* ################ SITEWIDE ################ */

body {
background-color: rgb(255, 255, 255);
}


body .site {
    padding: 0;
    padding: 0;
    margin-top: 48px;
    margin-top: 3.428571429rem;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    box-shadow: none;
}

body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}


body.custom-font-enabled {
	font-family: "Baskerville", Helvetica, Arial, sans-serif;
}




.site {
max-width: 1200px;
max-width: 85.714285714rem;
}

.site-content {
    float: left;
    width: 100%;
}

.site-content article {
    border-bottom: 0;
    margin-bottom: 0;
    margin-bottom: 0rem;
    padding-bottom: 0;
    padding-bottom: 0rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

*:focus {
    outline: 0;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
}


.entry-content h1, .comment-content h1 {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: luloone;
}

.entry-content a,.entry-content a:visited, .comment-content a:visited {
    color: #b0202c;
  text-decoration: none;
}

.entry-content a:hover, .comment-content a:hover {	  
	 color: #851922; 
	text-decoration: none;
}

/* ################ NAVIGATION ################ */

.main-navigation {
letter-spacing: 2px;
font-family: luloone;
}


.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: none;
    border-top: none;
    text-align: center;
}

.main-navigation li {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.main-navigation li {
    margin: 0 20px;
    margin: 0 1.4285714285rem; 
    
    
}


.main-navigation li a {
    line-height: 2;
margin-top: 20px;
  }

.main-navigation li ul {
    background-color: #fff;
}

.main-navigation li ul li a {
background-color: #fff;
text-align: left;
border-bottom: 0;
padding: 7px 0 7px 7px;
padding: .5rem 0rem .5rem .5rem;
}

.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #fff;
		color: #000;
	}

/* ################ HOMEPAGE ################ */

.home-video {
float: left;
width: 100%;

}

.home-content {
float: left;
width: 100%;
margin: 50px 0;

}

.home-headline {
margin: 20px 0;
font-size: 30px;
text-align: center;
width: 100%;
}

.home-headline img {
max-width: 600px;
}

.home-copy {
margin: 20px auto;
font-size: 14px;
text-align: center;
max-width: 800px;
font-size: 18px;
line-height: 1.2;
letter-spacing: 1px;
line-height: 1.4;
}

.home-parallax {
float: left;
width: 100%;
margin: 25px 0;
}

.mobile-image {
  display: none;
	}



/* ################ META SLIDER ################ */




/* ################ STORY PAGE ################ */

.home-headline-story {
margin: 20px 0;
font-size: 30px;
text-align: center;
width: 100%;
}

.home-headline-story img {
max-width: 800px;
}


/* ################ PRODUCT PAGE ################ */

.product-video {
float: left;
max-width: 1200px;
margin: 50px 0;
}

.product-content {
float: left;
width: 100%;
margin: 50px 0;
}

.product-headline {
margin: 20px 0;
font-size: 30px;
text-align: center;
}

.product-copy {
margin: 50px auto;
font-size: 18px;
text-align: center;
max-width: 800px;
font-family: "Baskerville", Helvetica, Arial, sans-serif;
line-height: 1.2;
}

.product-parallax {
float: left;
width: 100%;
margin; 25px 0;
}

.product-content-space {
  width: 100%; float: left;
	}

.product-content-element {
	  width: 40%; float: left; padding: 0 5%;
	}

.product-content-copy {
margin: 50px auto;
font-size: 18px;
text-align: left;
max-width: 800px;
font-family: "Baskerville", Helvetica, Arial, sans-serif;
line-height: 1.2;
}

.product-content-element img {
  width: 100%;
	}



/* ################ TURN ON AND OFF VIDEO OBJECT ################ */

.video-box {
max-width: 1200px; 
float: left; 
background-color: #494d52;
}

.video-change {
width: 58%; float: left;
}

.video-click {
float: left;
text-align: center;
margin-top: 15%;
width: 42%;
}

.video-click button {
margin: 0 auto;
  width: 20vw;
  height: 50px;
  font-size: 22px;
  font-family: luloone;
background-color: #a5a6a8;
  border-radius: 0;
  border: none;
}

.video-click button:active {
 background-color: #000; 
}




/* ################ STORE LOCATOR ################ */




/* ################ BLOG POST MAIN PAGE ################ */


.pt-cv-wrapper .h1, .pt-cv-wrapper .h2, .pt-cv-wrapper .h3, .pt-cv-wrapper .h4, .pt-cv-wrapper .h5, .pt-cv-wrapper .h6, .pt-cv-wrapper h1, .pt-cv-wrapper h2, .pt-cv-wrapper h3, .pt-cv-wrapper h4, .pt-cv-wrapper h5, .pt-cv-wrapper h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
   /* position: relative;
    bottom: 50px; */
}

.desktop_blog {
display: inline;  
  }

.mobile_blog {
display: none;
  }


/* ################ BLOG POST DETAIL PAGE ################ */

.post_date {
  width: 100%; text-align: center; margin-bottom: 10px; font-size: 14px; font-family: "luloone", Helvetica, Arial, sans-serif;
	
  }

.post_head {
  width: 100%; text-align: center; margin-bottom: 25px; font-size: 14px; font-family: "luloone", Helvetica, Arial, sans-serif;
	
  }





/* ################ FOOTER ################ */

.foot-menu {
text-align: center;
width: 100%;
letter-spacing: 2px;
}

.foot-link {
display: inline;
padding: 0 10px;
}


footer[role="contentinfo"] {
margin-left: 0;
margin-right: 0;
max-width: 1200px;
max-width: 85.714285714rem;
border-top: 0;
}

footer[role="contentinfo"] a {
text-decoration: none;
color:  #6a6a6a;
}

footer[role="contentinfo"] a:hover {
text-decoration: none;
color: #000;
}

footer[role="contentinfo"] a:visited {
text-decoration: none;
color: #6a6a6a;
}

.foot-soc {
width: 30%;
float: left; 
padding-left: 1%;
}

.soc-logo {
float: left;
margin: 0 5px;
}

.soc-logo img {
width: 25px;
opacity: 0.6;
}

/* ################ RESPONSIVE MENU ################ */

#responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container  {
     display: none;
}


/* ################ RESPONSIVE DESIGN ################ */

/* ####### MOBILE PHONE PORTRAIT ######### */
 @media only screen and (max-width: 578px) {

/* **** Sitewide **** */
  body .site {
    padding: 0 15px;
  }

.foot-soc {
    width: 100%;
    float: left;
    padding: 15px 0 0 1%;
}
  
  
/* **** Home Page **** */
.home-headline img {
width: 100%;
}

.home-copy {
padding: 0 10px;

}

.mobile-image {
  display: inline;

}

.mobile-image img {
  	width: 100%;
float: left;
	}
  
.home-parallax {
  display: none;
	}


/* **** Product Page **** */

.product-headline img {
width: 100%;
}

.product-copy {
padding: 0 10px;
}

.product-parallax {
  display: none;
	}

.video-click button {
    font-size: 10px;
 }
	
	
/* **** Story Page **** */

.home-headline-story img {
    width: 90%;
}



/* **** Blog Main Page **** */

.mobile_blog {
  display: inline;
  }

.desktop_blog {
display: none;  
  }

/* **** Footer **** */

.foot-link {
display: block;
padding: 0 10px;
}

	  
}



/* MOBILE PHONE LANDSCAPE */
	
@media only screen and (min-width:579px) and (max-width: 750px)  {

  
/* **** Sitewide **** */
body .site {
padding: 0 15px;
}
  
  
/* **** Home Page **** */
  

.mobile-image {
display: inline;
}

.mobile-image img {
  	width: 100%;
float: left;
	}
  
.home-parallax {
  display: none;
	}
	  
	  
  /* **** Navigation **** */
.main-navigation {
    display: none;
}

.home-copy {
padding: 0 10px;
}

/* **** Product Page **** */

.product-copy {
padding: 0 10px;
}

.video-click button {
    font-size: 10px;
 }

.product-parallax {
  display: none;
	}


/* **** Blog Main page **** */

.desktop_blog {
display: inline;  
  }

.mobile_blog {
  display: none;
  }

/* **** Story Page **** */

.home-headline-story img {
    width: 90%;
}

}


/* IPAD PORTRAIT */

@media only screen and (min-width:751px) and (max-width: 768px)  {

/* **** Sitewide **** */
body .site {
padding: 0 15px;
}

  /* **** Home Page **** */
  
.mobile-image {
  display: inline;

}

.mobile-image img {
  	width: 100%;
float: left;
	}
  
.home-parallax {
  display: none;
	}
  
  
  /* **** Navigation **** */
.main-navigation {
    display: none;
}

/* **** Blog Main Page **** */

  .desktop_blog {
display: inline;  
  }
  
.mobile_blog {
 display: none;
  }

/* **** Story Page **** */

.home-headline-story img {
    width: 90%;
}

/* **** Product Page **** */

.video-click button {
    font-size: 10px;
 }

.product-parallax {
  display: none;
	}

}


/* IPAD LANDSCAPE */

 @media only screen and (min-width:769px) and (max-width: 1024px)  {

 /* **** Sitewide **** */
body .site {
padding: 0 15px;
}
  
  /* **** Home Page **** */
  
.mobile-image {
  display: inline;

}

.mobile-image img {
  	width: 100%;
float: left;
	}
  
.home-parallax {
  display: none;
	}

  
  /* **** Blog Main Page **** */

  .desktop_blog {
display: inline;  
  }
  
.mobile_blog {
display: none;
  }

/* **** Product Page **** */

.video-click button {
    font-size: 12px;
 }

.product-parallax {
  display: none;
	}

}