/* ===================================================== GENERAL SITE CSS ============================================= */
@font-face {
	font-family: 'HappyTimesIKOB' ;  
	src: local("/fonts/Happy-Times-at-the-IKOB-master/fonts/ttf/happy-times-at-the-ikob.ttf") format('truetype');
	font-weight: normal;  
}
@font-face {
	font-family: 'VG5000' ;  
	src: local("/fonts/vg5000-master/fonts/webfonts/VG5000-Regular_web.woff") format('woff');
	font-weight: normal;  
} 


@font-face {
    font-family:"ivymode";
    src:url("https://use.typekit.net/af/4aaea0/00000000000000003b9b33c9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/4aaea0/00000000000000003b9b33c9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/4aaea0/00000000000000003b9b33c9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;
    }



.ivymode { font-family: "ivymode",sans-serif;  }
.bluriel{ color: #6E6E6E; }
.hamburger{
    z-index: 9999;
}
body{
    font-family: 'HappyTimesIKOB' !important;
}
.fullPager{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(35,69,68,0.98);
    display: none;
    opacity: 0;
    

}


@media only screen and (min-width: 2000px) and (max-width: 4000px) {
.navFirst{
   
    margin-top: -0.5vw !important;
    padding-left: 0.5vw !important;
}

}
@media only screen and (min-width: 1000px)  {
    .burger{
        cursor: pointer;
        margin-top: 0.5vw;
        margin-bottom: 1.5vw;
        margin-left: 1.042vw;
    }
    .hamGreen{
        background-color: #6E6E6E;
        width: 1.519vw;    
        height: 2px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 2px;
    }
    .burger:hover .hamGreen{
        background-color: #234544;
    }
    .mobile{
        display: none !important;
    }
.fullPager{
  
   
	padding: 1vw 5vw;
}
.newNav li{
    text-align: center;
list-style: none;
font-size: 2.188vw;
color: #A2986D;
    padding: 1vw;
}
.newNav li a{

    color: #A2986D;
}
.navFirst{
    color: #A2986D;
    /* padding-left: 16vw; */
    max-width: 1140px;
    margin-left:auto;
    margin-right: auto;
    padding-top: 1.2vw;
}
.menuCloser{
    margin-left: 1.5rem;
}
.navThird div{
   
    width: 49%;
    display: inline-block;
}
.navThird div:nth-of-type(2){
    /*   */
text-align: right;
}
.navSecond{
    max-width: 1140px;
    margin-left:auto;
    margin-right: auto;
}
.navThird{
    max-width: 1140px;
    margin-left:auto;
    margin-right: auto;
	
}

.navSocialP{
    color: #A2986D;
 
}
}

@media only screen and (max-width: 1000px) {
    .burger{
        cursor: pointer;
        margin-bottom: 5vw;
        
    }
    .hamGreen{
        background-color: #6E6E6E;
        width: 6.219vw;    
        height: 2px;
        margin-top: 4px;
        margin-bottom: 4px;
        border-radius: 2px;
    }
    .desk{
        display: none !important;
    }
    .fullPager{
      
       
       padding: 3vw 10vw;    
    }
    .newNav{
        padding: 0;
    }
    .newNav li{
        text-align: center;
    list-style: none;
    font-size: 8vw;
    color: #A2986D;
        padding-bottom: 4vw;
    }
    .newNav li a{
    
        color: #A2986D;
    }
    .navFirst{
        color: #A2986D;
       
        padding-top: 0.5vw;
    }
    .navThird div{
       text-align: center;
        width: 100%;
        display: block;
    }
  
    
    .navThird{
       margin-top: 2vw;
        border-top: 1px solid #A2986D;
    }
    
    .navSocialP{
        color: #A2986D;
        font-style: italic;
        padding: 10px;
     
    }
    .navSocialIcons img {
        margin: 0px 5px;
    }
    .navSocialIcons{
        margin: 3vw 0vw;
    }
    }
/* ===================================================== HOME PAGE CSS ============================================= */

@media only screen and (max-width: 1000px) {
    .albumPageQuotesLoop{
        padding: 1px 7vw;
    }
    .albumPageQuotesLoop h3{
font-size: 1rem;
font-style: italic;
    }
    .updatesSingle {
        width: 80vw;
        height: 80vw;
        
        margin: 1vw;
        background-color: #EFEFEF;
      background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;
    }
    .updatesPaddingDiv{
        width: 80vw;
        height: 80vw;
        /* padding: 0.5rem; */
    }
    #updatesLoopArrows{
    position: absolute;
    top: 50%;
    width:104%;
        margin-left: -2%;
           
        
        
    }
    /* .updatesTestDesign a{
    font-size: 2.188vw;
        color: #6E6E6E;
        font-family: "ivymode",sans-serif;

    } */
        .updatesImgDesign{
            background-color: rgba(0,0,0,0.20);
            padding: 1rem;

            color: white;
            width: 100%;
            height: 100%;
          
           
        /* display: inline-block; */
    }
    .btn{
        float: right;
        padding: 2px 5px;
        border: 1px solid white;
        text-align: center;
        text-transform: uppercase;
    }

    
    .btn:hover{
        background-color: #234544;
        border: 1px solid #a2986d;
        color: #a2986d;
        
    }
    .btn a{
     
    }
    .btn a:hover{
        color: #a2986d;
    }


    .updatesTestDesign a{
        font-size: 8vw;
            color: #6E6E6E;
                font-style: italic;
    line-height: 100%;
    font-family: "ivymode",sans-serif;
        }
        .updatesTestDesign p{
    font-size: 3.733vw;
        color: #6E6E6E;
            font-style: italic;


    }
    .updatesTestDesign{
        padding: 1rem;
    }
    .updatesImgDesign a{
        font-family: "ivymode",sans-serif;
        color: white;
            font-size: 3.200vw;
        font-style: italic;
        display: inline-block;
       
    }
    .halfWidth{
        display: inline-block;
        font-size:  3.200vw;
        width: 35%;
           }
           .postQuotesLoop{
            text-align: center;
               
            
        }
        .postQuotesLoop a {
            color: #6E6E6E;
            font-style: italic;
        }
        #quotesPostLoopArrows{
            margin-top: -45%;
        }
        .slick-arrow{
            z-index: 999999999 !important;
        }

}




@media only screen and (min-width: 1000px) {
    	
	.homeIframe{
		width: 60%;
		margin-left:auto;
		margin-right: auto;
	}

    .navSlider{
    
       
        display: block;
    
    }
    .navSlider div{
        display: inline !important;
        
    }
        .navSlider img {
            cursor: pointer;
        }
    .navSlider div:nth-child(2){
        float: right;
    }
        #pressLoopArrows{
            position: absolute;
            top: 70%;
            width: 84%;
            margin-left: 8%;
     
        }
        #quotesPostLoopArrows{
            position: absolute;
            top: 30%;
            width: 84%;
            margin-left: 8%;
     
        }
        .prevPress {
            z-index: 999;
        }
        .nextPress {
            z-index: 999;
        }
        .pressLoopSlider{
            text-align: center;
                max-height: 70px;
            width: 80%;
            margin-left: auto;
            margin-right: auto;
        }
        .pressLoopSlider a {
            color: #6E6E6E;
        }
        .postQuotesLoop{
            text-align: center;
                max-height: 70px;
            width: 80%;
            margin-left: auto;
            margin-right: auto;
        }
        .postQuotesLoop a {
            color: #6E6E6E;
           text-transform: uppercase;
        }
        .postQuotesLoop a:hover{
            font-style: italic;
        }
        .albumPageQuotesLoop h3{
            font-size: 1rem;
            font-style: italic;
        }
        .pressLoopSlider div{
            
        }
        .pressLoopSlider .slick-current{
            border-right: 1px solid #6E6E6E;
        }
        .updatesTestDesign{
            padding: 2rem;
        }
        .updatesSingle {

            height: 500px;
           
            background-color: #EFEFEF;
          background-position: center;
        background-repeat: no-repeat; 
        background-size: cover;
        }
        .updatesPaddingDiv{
            padding: 1rem;
        }
        #updatesLoopArrows{
        position: absolute;
        top: 50%;
        width:104%;
            margin-left: -2%;
               
            
            
        }
        .updatesTestDesign a{
        font-size: 2.188vw;
            color: #6E6E6E;
        line-height: 100%;
        font-family: "ivymode",sans-serif;
    
        }
            .updatesImgDesign{
                color: white;
                width: 100%;
                padding: 2rem 2rem 2rem 2rem;
                height: 100%;
                background-color: rgba(0,0,0,0.20);
            color: white;
              
        }
            .updatesTestDesign p{
        font-size: 1.063vw;
            color: #6E6E6E;
                font-style: italic;

    
        }
    
        .updatesImgDesign a{
            line-height: 125%;
            text-transform: uppercase;
            color: white;
                font-size: 1.063vw;
            font-style: italic;
            display: inline-block;
            width: 50%;
            font-family: "ivymode",sans-serif;
        }
        .btn{
            margin-top: 1rem;
            border: 1px solid white;
            display: inline;
            float: right;
            padding: 10px 10px 5px 10px;
            font-family: 'VG5000';
            text-transform: uppercase;
            font-size: 0.521vw;
            transition-duration: 0.3s;
        }
        .btn:hover{
            background-color: #234544;
            border: 1px solid #a2986d;
            color: #a2986d;
            
        }
        .btn a{
            font-style: normal;
            width: 100%;
            font-family: 'VG5000';
            text-transform: uppercase;
            font-size: 0.521vw;
            transition-duration: 0.3s;
        }
        .btn a:hover{
            color: #a2986d;
        }
    }


.pressOrigin{
    z-index: 9999;
    text-transform: uppercase;
    margin-top: 1vw;
    color: #6E6E6E;
}
.pressOrigin a {
	color: #6E6E6E;
	font-size: 1.063vw;
	text-transform: uppercase;
	font-style: italic;
	cursor: pointer;
}
.pressOrigin p:hover{
    font-style: italic;
    color: #234544;
}
.originContent{
	font-size: 0.938vw;
    color: #6E6E6E;
    font-style: italic;
    line-height: 110%;
}



/* -------------------- POST PAGE CSS --------------------------- */

.postImageLoopDiv{
    min-height: 100px;
}



/* ---------------------- PRESS PAGE CSS ------------------------*/

@media only screen and (min-width: 1000px) {
	
	.pindex{
		text-align: center;
	}
	
	.pindex a {
		color: #6E6E6E;
	}
	.pindex h2 {
        font-size: 0.938vw;
        font-style: italic;
	}
	.pindex p {
        font-size: 0.838vw;
		text-transform: uppercase;
    }
    .pindex p:hover {
        font-style: italic;
    }
    .borderBlack{
		border-bottom: 1px solid #707070;
		width: 10%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 1000px) {
	
	.aboutLoop div{
        margin: 0px 5px 0px 0px;
        height: 55vw;
        background-position: center;
        background-repeat: no-repeat; 
        background-size: cover;
    }
	.pindex{
		text-align: center;
	}
	
	.pindex a {
		color: #6E6E6E;
	}
	.pindex h2 {
		font-size: 3.733vw;
	}
	.pindex p {
		font-size: 4.533vw;
		text-transform: uppercase;
	}
    .borderBlack{
		border-bottom: 1px solid #6E6E6E;
		width: 20%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}


/* ---------------------- UPDATES PAGE CSS ------------------------*/

@media only screen and (min-width: 1000px) {
    .updatesIndex{

		
	}
	.updatesInfo{
		width: 49.5%;
		
		float:left;
		
	}
	.updatesInfo p{
		font-size: 0.938vw;
	}
	.updatesImage{
		
		width: 49.5%;
		min-height: 300px;
		float: left;
    }
    
.updatesImage{
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;
  
    height: 31.250vw;
}
  

}

@media only screen and (max-width: 1000px) {
	.updatesImage{
        background-position: center;
        background-repeat: no-repeat; 
        background-size: cover;
		
		width: 80vw;
		height: 53.33vw;
        margin-left: auto;
        margin-right: auto;
    }
    .updatesInfo{
        padding: 8%;
        
    }
    .updatesInfo h2{
        
        font-size: 8vw;

    }
    .updatesInfo p{
       
        font-size: 3.733vw;
        
    }

}