/*
Theme Name: Kusama Custom
Theme URI:
Author: Jacob KS Kim
Author URI: 
Description: 
Version:
Tags:
*/

@import url('../kusama/bootstrap/css/bootstrap.css');
@import url('/wp-content/assets/type.css');


body {
 	font-family: 'founders-grotesk', sans-serif;
	font-size: 16px;
	line-height: 1.2em;
}

a, a:link, a:visited, a:hover{
	color: #2E5FFF; 
}

.content-area a,.content-area a:link,.content-area a:visited,.content-area a:hover{
	color: #333333;
	border-bottom: 2px solid #ffce2e;
	text-decoration: none;
}

.wpb_single_image a,.wpb_single_image a:link,.wpb_single_image a:visited,.wpb_single_image a:hover,
a.vc-prettyphoto-link ,a.vc-prettyphoto-link:link,a.vc-prettyphoto-link:visited,a.vc-prettyphoto-link:hover{
    border-bottom: 0 none;
}

.btn-yellow-color a{
    color: #333333 !important;
    border-color: #ffce2e !important;
    background-color: #ffce2e !important;

}

 header.site-header, footer.site-footer{
	background-color: #000000;
	color: #ffffff;
	overflow: auto;
    padding: 0.5em 0;
 }

.navbar-toggle{
    padding: 9px;
    margin: 0px;
}

 nav.nav-persistent{
	background-color: #000000;
 }

 nav ul{
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }

 header nav ul li a{
    border-right: 1px solid #ffffff;
 }

 header nav ul li:first-child a{
    padding-left: 0px;
 }

 header nav ul li:last-child a{
    border-right: 0px;
    padding-right: 0px;
 }

 nav ul li,
 footer a,
 footer a:link,
 footer a:visited,
 footer a:hover {
 	float: left;
    color: #ffffff;
    padding: 0.5em 0;
 }

 nav ul li a,
 nav ul li a:link,
 nav ul li a:visited,
 nav ul li a:hover {
 	display: block;
 	padding: 0 0.5em;
 	font-family: 'founders-grotesk-cond', sans-serif;
 	text-transform: uppercase;
 	color: #ffffff;
 }

#menu-kusama-social li{
 	display: block;
	float: left;
 }

#menu-kusama-social li a{
	padding: 0 5px;
}

#menu-kusama-header-right-1{
    padding: 0;
}

footer nav, footer ul{
    display: inline;
}

footer .social-tags li a{
    text-transform: none !important;
}

.vc_btn3-container.vc_btn3-block{
    font-weight: 700;
}

     /* FULL SCREEN MODAL STYLES
    -------------------------------------------------- */

    .site-header .navbar-toggle .icon-bar{
    	background-color: #ffffff;
    }

    .fullscreen .modal-dialog {
        margin: 0 0 0 0;
        width: 100%;
        height: 100%;
        min-height: 100%;
        padding: 0;
        color: #333;
    }

    .fullscreen .modal-content {
        height: 100%;
        min-height: 100%;
        border-radius: 0;
        color: #333;
        background: rgba(252, 199, 24, 0.97);
        overflow:auto;
    }

    .fullscreen .modal-header{
    	border-bottom: 0px;
    }

    .fullscreen .modal-content .menu-kusama-header-container .pull-right{
    	float: none !important;
    }

    .fullscreen .modal-content .logo{
    	margin-left: 15px;
    }

    .fullscreen .modal-body ul {
        padding: 30px 0 0 0;
        overflow: auto;
    }

    .fullscreen .modal-body li {
        padding: 10px 0 10px 0 ;
        float: none;
    }

    .fullscreen .modal-body a {
        color: #333;
        font-size: 2em;
        line-height: 1em;
    }

    .fullscreen .modal-body ul li a{
        border-right: 0px;
        padding-left: 0px;
    }

    .fullscreen .modal-content .hidden-xs{
        display: block !important;
    }

    @media (min-width: 992px){
        header  nav ul li a {
            font-size: 2.5rem;
        }
    }


    @media (min-width: 480px){
        .navbar-toggle{
            display: block;
        }
    }

    @media (min-width: 600px){
        #menu-kusama-header-right.hidden-xs, #menu-kusama-header-right-1.hidden-xs{
            display: block !important;
        }

        .navbar-toggle{
            display: none;
        }
    }


    @media (max-width: 480px){

		.fullscreen .logo{
			width: 60%;
			height: auto;
		}

        .fullscreen .modal-body ul {
            padding: 30px 0 0 0;
            overflow: auto;
        }

        .fullscreen .modal-body li {
            padding: 4px 0 4px 0 ;
        }

        .fullscreen .modal-body a {
            font-size: 1.5em;
            line-height: 1em;
            padding: 0;
            margin-bottom: 0.5em;
        }

        .fullscreen .modal-body .no-gutter{
        	padding: 0;
        	margin: 0;
        }

        footer.site-footer .social-media-menu nav ul li a{
            padding: 0 0.3em;
        }

    }

    @media (max-width: 320px){

         .fullscreen .modal-body{
            padding: 0;
        }

        .fullscreen .modal-body a {
            font-size: 1.3em;
            line-height: 1em;
            padding: 0;
            margin-bottom: 0.5em;
        }

         .fullscreen .modal-body li{
            padding: 0;
         }
    }