/* CSS Document */

a.infolink
{color:#d37478;}

a.infolink:hover
{color:#bf474c;}

a.learn-more
{color:#c0e4da;
background:#000;
margin:0 auto;
padding:10px 70px 10px 70px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
text-decoration:none;
font-size:13px;}

@font-face {
    font-family: 'Brandon-black';
    src: url('../includes/fonts/Brandon_blk.otf')  format('opentype');
    }

@font-face {
    font-family: 'Brandon-medium';
    src: url('../includes/fonts/Brandon_med.otf')  format('opentype');
    }
	
@font-face {
    font-family: 'Brandon-regular';
    src: url('../includes/fonts/Brandon_reg.otf')  format('opentype');
    }
	
	
@font-face {
    font-family: 'Buttercup';
    src: url('../includes/fonts/Chin_up_Buttercup.ttf')  format('truetype');
    }	
	
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.center {text-align: center;}

.content-area
{padding:20px 0px 40px 0px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 400;}

.content-header
{font-size:15px;}

.content-header-home
{font-size:18px;}

/* === copyright desktop ==== */

.copyright
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
text-align:center;
padding:10px 0px 10px 0px;
font-size:13px;
text-transform:uppercase;
display:block;
padding-bottom:10px;}

.copyright a
{color:#000;
text-decoration:none;}

.copyright a:hover
{text-decoration:underline;}

.copyright img
{max-height:37px;}


/* === copyright mobile ==== */

.copyright-mobile {display:none;}

.current-kit-included
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:25px;
font-size:15px;
padding:20px 10px 20px 10px;
text-align:center;}

.current-kit-intro
{
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:20px;
font-size:13px;
letter-spacing:1px;	
/*font-family:'Brandon-regular';
line-height:25px;*/
}

/*.current-kit-left
{float:left;
width:700px;}*/

.current-kit-product-1
{text-align:center;
padding-top:20px;}
.current-kit-product-1 img
{max-width:675px;}

/*.current-kit-right
{float:right;
width:250px;
padding-top:100px;}*/

.downloads-button {
	background: url("arrow-teal.png"), #dcece3;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 26px 70px;
	height:45px;
	font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1px;
	padding:25px 20px 0px 20px;
	margin-bottom:20px;
}

.downloads-button a {color:#000;text-decoration: none;display:block;}

.downloads-wrapper {padding-bottom:250px;max-width: 660px}


.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
  opacity: 0.5;
}

.faq-body
{padding:0px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:30px;
font-size:14px;}

#faq-div a span { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

}


.faq-part-of-fun
{font-family:'Buttercup';
font-size:55px;
padding:30px 0px 20px 0px;
text-align:center;}

.faq-subheader {font-weight: 800;font-size: 18px;}

.footer
{padding:0px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
font-size:13px;}

.footer hr
{height:1px;
background:#e0e0e1;
border:0;
margin:10px 0px 5px 0px;}

.footer a
{color:#000;
text-decoration:none;
line-height:40px;
font-size:12px;}

.footer a:hover
{text-decoration:underline;}

.footer-header
{font-weight:600;}

.footer-1
{float:left;
border-left:1px #e0e0e1 solid;
width:185px;
min-height:250px;
padding:18px;}

.footer-4
{float:left;
border-left:1px #e0e0e1 solid;
width:330px;
min-height:250px;
text-align:center;}

.footer-4-logo
{padding:15px 0px 15px 0px;}

.footer-4-logo img
{max-width:300px;}

.footer-4-url
{padding:10px 0px 10px 11px;
text-transform:uppercase;
font-size:11px}

.footer-4-social
{padding:20px 0px 0px 11px;}

.footer-4-social img
{width:35px;
margin:0px 5px 0px 5px;}

.header
{padding:0px 0px 15px 0px;
display:block;}

.header-buttercup
{
font-family:'Buttercup';
font-size:90px;
padding-bottom:0px;
padding-top:12px;
}

.header-buttercup-inspiration
{
font-family:'Buttercup';
font-size:90px;
padding-bottom:10px;
text-align: center;	
}

.header-left
{float:left;
width:50%;}

.header-left img
{max-width:205px;
margin-left:20px;}

.header-mobile {display:none;}
.header-mobile-wrapper {display:none;}

.header-right
{float:right;
width:50%;
text-align:right;
padding-top:10px;}

.header-right img
{max-width:45px;
margin:0px 5px 0px 5px;}

.home-banner
{text-align:center;}

.home-banner img
{max-width:1000px;}

.home-banner-mobile {display:none;}
.home-banner-mobile img
{max-width:100%;}

.home-content
{text-align:center;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:30px;
padding:30px 0px 40px 0px;
font-size:13px;}

.home-part-of-fun
{font-family:'Buttercup';
font-size:55px;
padding:20px 0px 20px 0px;}

.inspiration-buttons {text-align:center;width:70%;margin:0 auto;}
.inspiration-buttons a {
	text-decoration: none;
	color:#000;
	background:#dce9e0;
	display:block;
	margin-bottom:20px;
	width:100%;
	padding:20px;
	font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-style: normal;
    font-weight: 300;
	font-size:16px;
}

.inspiration-gallery
{padding:10px 0px 10px 0px;}

.inspiration-gallery a
{text-decoration:none;}

.inspiration-gallery img
{max-width:320px;
margin:10px 10px 10px 0px;}

.inspiration-section-left {float:left;width:50%;}
.inspiration-section-right {float:right;width:50%;}
.inspiration-sections-wrapper {width:100%;}


.inspiration-subheader {
text-align: center;
padding-bottom:15px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
font-size:17px;}

.inspiration-tab {padding-bottom:20px;}
.inspiration-tab img {max-width: 660px;}

.inspiration-title
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
padding:0px 0px 20px 0px;
font-size:19px;}

.kerning
{letter-spacing:2px;}

.kerning2
{letter-spacing:3px;}

a.linkSpanner{ 
  width:100%;
  height:100%;
  display:block;
}   

#mobile-header {display: none;}

.page-left
{float:left;
width:700px;}

.page-right
{float:right;
width:250px;
padding-top:100px;}

.page-right-subscribe
{float:right;
width:250px;
padding-top:140px;}

.page-right-subscribe-stamp-set
{float:right;
width:250px;
padding-top:127px;}

.right-column-button
{padding-top:20px;
text-align:center;}

.sentinal-bold
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 700;}

.sentinal-bold600
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 600;}

.sentinal-semibold
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 600;}

.sidebars {background:#073f50;color:#ffffff;}
.sidebar-cardmaker {background:#007da5;color:#ffffff;}

.stamp-set-bottom-photos {text-align: center;padding-top:15px;}

.stamp-set-bottom-photos img {max-width:300px;padding:15px;}

.stamp-set-product-1
{text-align:center;
padding-top:10px;}

.stamp-set-product-1 img
{max-width:675px;width:100%;}

.subheader-buttercup
{
font-family:'Buttercup';
font-size:70px;
padding:0px 30px 0px 30px;
text-align: center
}

.subscribe-button
{text-align:center;
padding:20px 0px 20px 0px;}

.subscribe-circle
{text-align:center;}

.subscribe-circle-stamp-set
{text-align:center;padding-top:9px;}

.subscribe-circle img
{max-width:400px;width:100%;}

.subscribe-circle-stamp-set img
{max-width:500px;width:100%;}

.subscribe-each-kit
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
text-align:center;
padding:10px 0px 30px 0px;
font-size:13px;
line-height:30px;
text-transform:uppercase;}

.subscribe-kit-name
{text-align:center;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
font-size:21px;
padding:30px 0px 0px 0px;}

.subscribe-right-bottom
{
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
font-size:13px;	
/*font-family:'Brandon-regular';
font-size:14px;*/
background:#000;
color:#fff;
margin-top:89px;
text-align:center;
padding:20px 15px 20px 15px;
cursor: pointer;
position:relative;
line-height:30px;}

.subscribe-right-top
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:27px;
font-size:12px;
padding:20px;
text-align:center;}

.subscribe-text-box
{text-align:center;
max-width:650px;
margin:0 auto;
padding:40px 25px 50px 25px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:30px;
}

.subscribe-text-box-header
{color:#dbe5d6;
background:#000;
margin:0 auto;
font-size:30px;
padding:10px 20px 10px 20px;
max-width:400px;}

.subscribe-text-box-stamp-set
{text-align:center;
max-width:650px;
padding:50px 25px 55px 25px;
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
line-height:30px;
margin-top:0px;	
}

.topnav
{text-align:center;
/*padding:15px 0px 15px 0px;*/
border-bottom:1px #b9b8b8 solid;
}

.uppercase-txt
{text-transform:uppercase;}

.wrapper
{max-width:1000px;
margin:0 auto;
padding-top:20px;}

/* ========================= MOBILE STYLES START HERE =============================== */

@media screen and (max-width: 1000px)
{
	.home-banner img {max-width:100%;}
	#mobile-header {display: block;}
	#navigation-pc {display: none;}
	.header {display: none;}
	.page-right-subscribe-stamp-set {float:none;margin:0 auto;width:90%;}
}

@media screen and (max-width: 750px)
{
.content-area
{padding:10px 0px 40px 0px;}
.copyright {display:none;}
.copyright-mobile {display:block;line-height:30px;}

.copyright-mobile
{font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
text-align:center;
padding:10px 0px 10px 0px;
font-size:13px;
text-transform:uppercase;
display:block;
padding-bottom:10px;}

.copyright-mobile img
{max-height:37px;}

.copyright-mobile a
{color:#000;
text-decoration:none;}

.copyright-mobile a:hover
{text-decoration:underline;}

.current-kit-product-1 img {max-width:99%;}
.faq-body
{padding:20px;}
.header {display:none;}
.header-buttercup
{font-size:60px;
padding:10px;
}
.header-mobile {display:block;}
.home-banner {display:none;}
.home-banner-mobile {display:block;}	
.home-part-of-fun, .faq-part-of-fun {line-height:50px;}
.mobile-header-logo {pointer-events:auto;}
.mobile-header-logo img {max-height:100px;}
.header-mobile-wrapper 
{
display:block;
position:fixed;
z-index:1000;
background-color:#fff;
text-align:center;
height:100px;
width:100%;
border-bottom:1px #ccc solid;
}

.inspiration-gallery
{padding:10px 10px 10px 10px;
text-align:center;}

.inspiration-gallery img
{max-width:90%;
margin:10px;}

.inspiration-title
{
padding:0px 0px 20px 10px;
}

.page-left, .page-right
{float:none;
width:98%;
margin:0 auto;
padding:10px;
box-sizing: border-box;}

.page-right-subscribe
{float:none;
width:98%;
box-sizing:border-box;
padding:10px;
margin:0 auto;
}

.subheader-buttercup
{
font-size:40px;
padding:0px 25px 0px 25px;
}

.topnav {display:none;}

.wrapper
{padding-top:0px;}
	
}

@media screen and (max-width: 500px)
{
	.inspiration-section-left,  .inspiration-section-right {width:100%;float:none;}
	.inspiration-buttons {width:100%;padding:0;margin:0;text-align: center;border:0px #ccc solid;}
	.inspiration-buttons a {
	margin-bottom:15px;
	width:80%;
	padding:15px;
	font-size:15px;
	text-align: center;
	margin:15px auto;	
}
}