/*
Theme Name: thebold
Theme URI: 
Author: Barry
Author URI: 
Description: 
Tags: 
Version: 2022
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: thebold


*/

html{line-height:1.15}body{margin:0; position: relative;}h1{font-size:2em;margin:.67em 0}b,strong{font-weight:bolder}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}fieldset{padding:.35em .75em .625em}progress{vertical-align:baseline}textarea{overflow:auto}template,[hidden]{display:none}
#copyright{opacity:.7;font-size:small;font-family:sans-serif;text-align:right;margin:.5rem}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{text-align:center}
.bypostauthor{}
.gallery-caption{}
.screen-reader-text{}
.sticky{}
.wp-caption{}
.wp-caption-text{}
.gallery-item {display: inline-block;text-align: left;vertical-align: top;margin: 0 0 1.5em;padding: 0 1em 0 0;width: 50%}
.gallery-columns-1 .gallery-item {width: 100%}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-item a { display: inline-block; max-width: 100%}
.gallery-item a img {display: block; backface-visibility: hidden}
.gallery-item a:hover img, .gallery-item a:focus img {opacity: 0.6}
.gallery-caption {display: block; margin-bottom: 0}



#site-header{
    background-color: #451C76;
	  height: 140px;
	  padding: 0 30px;
    display: flex;
    justify-content: space-between;
    z-index: 999999999;
    position:relative;
    width: 100%;
    
}




#logo img{
	height: 100px;
	margin: 20px auto;
}

/********nav*********/
.menu-menu-1-container, #menu-menu-1{
	height: 100%;
	margin-bottom: 0;
}

#menu-menu-2{
    display: none;
    margin: 0;
    padding: 0;

}

 #menu-menu-1{
  display: flex;
	justify-content: flex-end;
}



#menu-menu-1>li{
	height: 100%;
	padding: 95px 20px 0;
	transition: .3s all ease-in-out;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
	list-style: none;
  position: relative;
}

#menu-menu-1 li a{
	text-decoration: none;
	color: white;
}

#menu-menu-1>li:hover{
	background-color: #512C7E;
}

#menu-menu-1 .sub-menu{
  padding: 0;
  background-color: #512C7E;
  margin: 0;
  display: none;
  position: absolute;
  top: 140px;
  left: 0;
  transition: all .2s;
}

#menu-menu-1 .sub-menu li{
  list-style: none;
  padding: 10px 20px;
  margin: 0;
}

#menu-menu-1 li:hover .sub-menu{
  display: block
}


/*********footer*******/
#footer{
  background-color: #451C76;
  padding: 50px;
}

.footer-logo{
  margin-bottom: 50px;
}

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

.footer-menu-wrap{
  font-size: 1.3rem;
  color: white;
  line-height: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#footer .menu{
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 30px;
}

#footer li {
  list-style: none;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#footer li a{
  text-decoration: none;
  color: white;
}

#copyright{
    color: white;
    text-align: center;
    
	opacity: 1;
	margin: 0;
}

/**********mobile menu****/



.menu-button-container{
	display: none;
}

@media (max-width: 1600px) {
  #site-header{
		height: 120px;
    padding: 0 20px;
	}

	#logo img{
		height: 80px;
		margin: 20px auto;
	}

  #menu-menu-1>li{
    height: 100%;
    padding: 80px 15px 0;
    font-size: 0.9rem;
    list-style: none;
  }

  #menu-menu-1 .sub-menu{

    top: 120px;

  }
	
}

@media (max-width: 1280px) {

  #site-header{
		height: 100px;
    padding: 0 25px;
		
	}

	#logo img{
		height: 70px;
		margin: 15px auto;
	}

  	/********nav*********/


	#menu-menu-1{
		display: none;

	}

 

    #menu-menu-2{
        display: flex;
        flex-direction: column;
        overflow: hidden;
        
    }

    #menu-menu-2 a{
        text-decoration: none;
        color: #451C76;

    }
   

    #menu-menu-2 li{
    display: none;
    margin: 0;
    padding: 0.5em 0; 
    border: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    transition: .3s all ease-in-out;
    list-style: none;
    }


    .mobile-menu-show #menu-menu-2 li{
        min-height: 2.5em;
        border-bottom:1px #451C76 solid ;
        display: block;
        
    }

    #menu-menu-2 .sub-menu{
      margin: 0;
      padding: 0;
    }

    #menu-menu-2 .sub-menu li{
      font: .9em;
    }

    
	



	/*******mobile_menu*****/

.menu-button-container{
    display: flex;
    align-items: center;
    position: relative;
    width: 30px;
    height: 100%;
    cursor: pointer;
}    

.menu-button,
.menu-button::before,
.menu-button::after {
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}


.menu-button-container-toggle .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg);
  }
  
.menu-button-container-toggle .menu-button {
    background: rgba(255, 255, 255, 0);
  }
  
.menu-button-container-toggle .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg);
  }

  /********footer*********/

  .footer-logo img{
    width: 100%;
    max-width: 250px;
  }

  

  #footer li {

    font-size: 1rem;
    margin-bottom: 10px;

  }


}

@media (max-width: 1024px) {

  #site-header{
    padding: 0 20px;
	}

  .footer-logo{
    text-align: center;
  }
}
  @media (max-width: 767px) {
	

    #site-header{
      padding: 0 15px;
      
    }

    .footer-logo{
      text-align: left;
    }  



  }