/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
    General
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body{
    background:#71B8E5;
    max-width:1000px;
    margin:0 auto;
    font-family: 'Open Sans', sans-serif;
}

*{
    box-sizing:border-box;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    font-family: 'Open Sans', sans-serif;
    z-index:1;
}

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

p{
    padding-bottom: 10px;
    padding-top:10px;
    line-height: 130%;
}

h1,h2{
    font-size:18pt;
    font-weight:600;
    padding:20px;
    padding-left:0px;
}

h2{
    font-size:14pt;
}

h1, p{
    margin-left: 20px;
    margin-right: 20px;
}

nav, #header, #content, .checkout .itemRow:last-of-type, h1, h2, .simpleCart_shelfItem, #moreDesigns{
    border-bottom: 2pt solid #63A5CE;
}

#content, #footer, nav, #moreDesigns{
    border-top: 2pt solid #63A5CE;
}

.mobile{
    display:none;
}

.laptop{
    display:block;
}

.hidden{
    display:none;
}

/*/////////////////////////////////////////////////////////////////////////////
    Header
//////////////////////////////////////////////////////////////////////////////*/

#header{
    padding:30px;
    width:100%;
    overflow:hidden;
}

#logo{
    width:150px;
    height:auto;
    float:left;
}

#headerText{
    font-family:'Sansita One';
    float:left;
    max-width:300px;
    font-size:60px;
    padding:15px;
}

.boardText{
    font-size:58pt;
}

#cartDisplay{
    float:right;
    font-weight:300;
    font-size:18pt;
}

.simpleCart_quantity, .simpleCart_total{
    font-weight:600;
}

#cartIMG{
    height:50px;
    position:relative;
    left:-12px;
    top:12px;
}

/*/////////////////////////////////////////////////////////////////////////////
    Nav
//////////////////////////////////////////////////////////////////////////////*/

nav a{
    font-size:36px;
    font-weight:600;
    text-align:center;
    padding-bottom:15px;
}

nav a:hover{
    font-weight:700;
}

nav.row{
    padding:0px;
    padding-top: 15px;
}

/*/////////////////////////////////////////////////////////////////////////////
    General Content
//////////////////////////////////////////////////////////////////////////////*/

#content{
    overflow:hidden;
    min-height:550px;
}

.lightBox{
    cursor:pointer;
    z-index:2;
}

.lightPop{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
}

.lightPop .imgHolder{
    position:relative;
    margin: 100px auto;

    background:#fff;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    max-width:95%;
}

.lightPop .imgHolder img:not(#close){
    margin: 0 auto;
    padding:50px;
    padding-bottom:120px;
    display:block;
    width:95%;
}

#close{
    position:relative;
    left:94%;
    padding-top:1%;
    width:5%;
    height:auto;
    cursor: pointer;
}

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

#footer{
    min-height:50px;
}

#footer a{
    padding:15px;
    float:right;
}

/*/////////////////////////////////////////////////////////////////////////////
    Boards
//////////////////////////////////////////////////////////////////////////////*/

.deck{
    text-align:center;
    padding-bottom:30px;
    font-size:14pt;
    border-radius: 5px;
    -moz-border-radius:5px;
}

.deck *{
    display:block;
}

.deck img{
    width:40%;
    height:auto;
    margin: 0 auto;
    padding-top:5%;
    padding-bottom:5%;

}

.deck:hover{
    background:#7ACCFF;
}

.deck .item_price{
    padding-top:5px;
}

.productName, .fake_name{
    font-size:20pt;
    font-weight:300;
    width:80%;
    margin:0 auto;
}

.item_price, .fake_price{
    font-weight:600;
    font-style:italic;
}

#moreDesigns{
    margin: 0 auto;
    width:100%;
    text-align:center;
    clear:both;
    margin-bottom:30px;
    padding:10px;
}

/*/////////////////////////////////////////////////////////////////////////////
    View Product
//////////////////////////////////////////////////////////////////////////////*/

img.col-2{
    padding-bottom:20px;
}

.productDescription{
    text-align: right;
    font-style: italic;
    font-weight: 300;
    font-size:14pt;
    margin-top:200px;
    max-width:400px;
    float:right;
}

.productInfo{
    margin-top:60px;
    font-size:16pt;    
}

.simpleCart_shelfItem{
    width: 250px;
    float: right;
    position:relative;
    left:-75px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.simpleCart_shelfItem p{
    margin:0px;
    font-size:14pt;
}

.simpleCart_shelfItem h1{
    margin:0px;
}

.item_add, .simpleCart_checkout, .checkoutLink, .send, .button{
    background:#EFEFEF;
    color:#EF2B00;
    font-style:italic;
    font-weight:600;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    margin:5px;
    padding-left:10px;
    padding-right:10px;
}

.item_add:hover, .simpleCart_checkout:hover, .checkoutLink:hover, .send:hover, .button:hover{
    font-weight:700;
    background:#fff;
    color:#000;
}

.big{
    font-size:24pt;
    padding-top:20px;
    padding-bottom:20px;
    display:inline-block;
    width:250px;
    text-align: center;
    margin-left:10px;
    white-space: nowrap;
}

#mainAddedError{
    margin-left:15px;
}

/*/////////////////////////////////////////////////////////////////////////////
    View Cart
//////////////////////////////////////////////////////////////////////////////*/

#item_holder{
    padding:5%;
    width:66%;
    float:left;
    position:relative;
}

.headerRow, .itemRow{
    width:100%;
    position:relative;
    margin-bottom:5px;
    overflow:hidden;
    border-bottom: 2px solid #63A5CE;
}

.headerRow div, .itemRow div{
    width:33%;
    float:left;
    padding:3px;
}

.checkout .headerRow div, .checkout .itemRow div{
    width:50%;
}

.item-decrement, .item-increment, .item-price, .item-quantity, .checkout .item-remove{
    display:none;
}

.headerRow div{
    font-size:18pt;
    font-weight:600;
}

#checkoutHolder{
    width:33%;
    text-align: center;
    float:left;
    padding:50px;
    border-left: 2pt solid #63A5CE;
    min-height:400px;
}

#checkoutHolder *{
    margin: 0 auto;
}

#checkoutHolder input{
    margin-top:20px;
}

.error{
    display:none;
    background:#fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    color:#EF2B00;
    padding:5px;
    width:200px;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:600;
    font-size:12pt;
    position:relative;
    top:8px;
}

.errorTag{
    border:2px solid #EF2B00;
    color:#EF2B00;
}

#zip{
    display: block;
}

#shipping{
    margin-bottom:8px;
    padding-bottom:8px;
}

#total{
    font-weight:700;
    font-size:14pt;
}

#shipping, #total{
    position:relative;
    left:50%;
    padding:3px;
}

#shipping:before, #total:before{
    font-weight:600;
    font-size:14pt;
    position:absolute;
    left:-50%;
}

#shipping:before{
    content:"Shipping:  ";
}

#total:before{
    content:"Total:  ";
}

/*/////////////////////////////////////////////////////////////////////////////
    Contact
//////////////////////////////////////////////////////////////////////////////*/

form{
    float:right; 
    width:66%; 
    height:100%;  
    overflow:hidden;
    border-left: 2pt solid #63A5CE;
    padding:54px;
}

input, textarea, select{
    border:none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 6px;
    background:#EFEFEF;
    color:#666;
    font-size:12pt;
    margin:5px;
    margin-bottom:10px;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:focus{
    background:#fff;
    color:#000;
}

form label, form input, form textarea{
    width:100%;
}

input:focus, textarea:focus, select:focus{
    border:2px solid #EF2B00;
    padding:4px;
}

label{
    font-size:14pt;
    font-weight:600;
}

.send{
    font-size:24pt;
    width:50%;
    margin-left:25%;
    cursor:pointer;
}

#sizeError{
    width:100%;
}

select{
    width:214px;
}

/*/////////////////////////////////////////////////////////////////////////////
    Columns 
//////////////////////////////////////////////////////////////////////////////*/

.row{
    clear: both;
    margin: 0 auto;
    padding-top:7px;
    padding-bottom:7px;
    overflow:hidden;
    width:100%;
}

[class^="col-"] {
    float: left;
    margin: 0 2% 0 0;
    list-style: none;
    position: relative;
}

.col-1 { width: 4.8076923077% }
.col-2 { width: 13.4615384615% }
.col-3 { width: 22.1153846154% }
.col-4 { width: 30.7692307692% }
.col-5 { width: 39.4230769231% }
.col-6 { width: 48.0769230769% }
.col-7 { width: 56.7307692308% }
.col-8 { width: 65.3846153846% }
.col-9 { width: 74.0384615385% }
.col-10 { width: 82.6923076923% }
.col-11 { width: 91.3461538462% }
.col-12 { width: 100%; margin: 0 }


/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
    Responsive
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/


/* Phone */
@media (max-device-width : 700px), (max-width : 700px){
    
    .stretch-12{
        width:100%;
    }

    .mobile{
        display:block;
    }

    .laptop{
        display:none;
    }



    #logo{
        width:30%;
    }

    #headerText{
        font-size:26pt;
        width:60%;
    }

    .boardText{
        font-size:34pt
    }

    nav{
        overflow:hidden;
        max-height:60px;
        transition: max-height 0.5s ease-out;
        -moz-transition: max-height 0.5s ease-out;
        -webkit-transition: max-height 0.5s ease-out;
        -o-transition: max-height 0.5s ease-out;
    }

    nav.row{
        padding-top:0px;
    }

    nav .col-4{
        width:100%;
        font-size:18pt;
        border-bottom: 2pt solid #63A5CE;
        padding-top:15px;
        position:relative;
        min-height:56px;
    }

    nav{
        border-top: 2pt solid #63A5CE;
    }

    #content{
        border-top:0px;
    }

    .svgHolder{
        width:30px;
        height:28px;
        position:absolute;
        top:15px;
        right:30px;
        overflow: hidden;
        border-radius:2px;
    }

    .ham{
        fill:#000;
        transition: fill 0.5s ease-out;
        -moz-transition: fill 0.5s ease-out;
        -webkit-transition: fill 0.5s ease-out;
        -o-transition: fill 0.5s ease-out;
    }

    #footer a{
        text-align: center;
        width:100%;
    }

    .deck{
        width:40%;
        margin-left:5%;
        margin-right:5%;
    }

    form{
        border-top: 2pt solid #63A5CE;
    }

    input, textarea{
        font-size:10pt;
    }
    
    .productInfo{
        margin-top: 0px;
        width:80%;
        margin: 0 auto;
    }

    #checkoutHolder, #item_holder{
        min-height:0px;
        border-left: none;
        width:100%;
    }

    .simpleCart_shelfItem{
        left:0px;
    }

    .itemRow{
        padding-top:5px;
        padding-bottom:10px;
    }

    .lightPop{
        display:none;
    }

}

@media (max-device-width : 700px){
    p, input, textarea{
        font-size:24pt;
    }

    h1{
        font-size:48pt;
    }
}

/* Tablet */
@media (min-width : 768px) and (max-width : 1024px) {

}