/*
*
*	Theme Name: DIVI Child theme
*	Description: Child theme for Divi theme
*	Theme URI: http://www.elegantthemes.com/gallery/divi/
*	Version: 2.7.5
*	Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
*	Author: Elegant Themes
*	Template: Divi
*
*/

@import url('css/fontello.css');

/* Additional Font -Sample */

@font-face {
    font-family:'Poppins Regular';
    src: url('font/Poppins-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family:'akaPosse1';
    src: url('font/akaPosse.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family:'AlmondPancake';
    src: url('font/AlmondPancake.ttf') format('truetype');
    font-display: swap;
}


.page-id-678 #main-content {
    padding-bottom: 300px !important; 
}


/***************** Header **********************/
.single-product #main-header{
	background: #a900f7 !important;
}
nav#top-menu-nav{
	margin-bottom: -12px !important;
}
.et-menu-social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.et-menu-social-icons li a {
    font-size: 0px;
/*     color: #a900f7;
    background-color: white; */
	background-image: url("https://www.freddyandthebandtheseries.com/wp-content/uploads/2024/06/Instagram.png") !important;
	background-size: cover !important;
	border-radius: 10px;
	border: 1px solid #a900f7;
/*     border-radius: 50%; */
    padding: 20px;
}
.et-menu-social-icons li a:hover {
	border: 1px solid #ffffff;
}
#main-header{
/* 	background-color: rgba(245, 187, 39, 0.76) !important; */
	background-color: none !important;
}
#main-header .container {
    display: flex;
    align-items: center;
    height: 95px!important;
    gap: 70px!important;
    background-color: #a900f7;
/* 	background-color: rgba(245, 187, 39, 0.46); */
	background-color: none;
    width: auto!important;
    max-width: 1535px!important;
}
.logo_container {
    position: relative !important;
    width: 22% !important;
    display: flex;
    align-items: center;
}

#et-top-navigation {
    padding: 0 !important;
    width: 65%;
    text-align: right;
}
#top-menu-nav, #top-menu {
    width: 100%;
}
#top-menu li a {
    padding-bottom: 0px !important;
    letter-spacing: 2px;
    font-weight: 400;
}
#top-menu-nav, #top-menu{
    text-align: right;
}
.et-fixed-header #top-menu li a {
    font-size: 20px!important;
}
#logo {
    width: 95%!important;
    object-fit: contain;
    max-height: 100%!important;
    transform: unset !important;
    max-width: 100% !important;
}
/************** New Design **********************/
.book-container{
	padding-top: 0px !important;
}

/************** Primary Menu **********************/



/********************* Home Page **************************/
.author-btn a:hover {
    color: #ff00b2;
}
.home-btn a{
		letter-spacing: 2px;
    	font-family: 'AlmondPancake';
      	text-transform: uppercase !important;
      	border-radius: 10px;
      	font-size: 18px;
    	padding-right: 50px!important;
    	padding-left: 50px!important;
    	color: white !important;
    	padding-top: 25px;
    	padding-bottom: 25px;
        
}
/*.home-btn :hover{
    transform: scaleX(1.15) scaleY(1.15)!important;
    transition: 300ms ease 0ms;
    cursor: pointer;
}*/
.btn-flex{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.book-module1-2 .inner h3{
    font-family: 'Poppins';
    color: black;
    font-weight: 700;
    font-size: 33px;
  }
  .book-module1-2 .inner p{
    font-family: 'agaramond regular';
    color: black;
    font-size: 33px;
    text-align: left;
        line-height: 1.8em;
  }
  .book-row2{
    display:flex;
    justify-content: center;
    gap: 3em;
  }
  .book-col1-2{
    width: 60.8%
  }
  .book-col2-2{
    width: 36.7%;
  }
/*.home-col2 {
    width: 39.8%;
    top: 0px;
    position: relative;
}
.home-col1{
    width: auto;
    position: relative;
    left: 0px;
}
.home-module2 .inner h2 {
    font-size: 107.2px;
    font-family: 'akaposse'!important;
}
.home-module2 .inner h1 {
    font-size: 121.41px;
}
.home-module2 .inner h1, .home-module2 .inner h2 {
    font-family: 'akaposse'!important;
}
.home-module2 .inner p, h1, h2 {
    color: white;
}
.home-author-module2{
    text-align: left;
}
.home-author-module2 .inner p, .home-author-module2 .inner h2 {
    color: white!important;
    font-family: 'agaramond regular'!important;
}
.home-author-module2 .inner h2 {
    font-size: 35px;
    font-weight: 700;
}
.home-author-module2 .inner p {
    font-size: 21px;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
    line-height: 1.8!important;
}
.home-module2 .inner p {
    font-family: 'agaramond regular';
    font-size: 30.63px;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
    line-height: 1.5!important;
}
.home-module2{
    text-align: center;
}*/
/********************* Book Page **************************/
.author-btn1 a{
	letter-spacing: 2px;
    font-family: 'almond pancake';
    text-transform: uppercase !important;
    border-radius: 10px;
    font-size: 18px;
    padding-right: 50px !important;
    padding-left: 50px !important;
	padding-top: 25px;
    padding-bottom: 25px;
    color: white;
	background-image: url("https://www.freddyandthebandtheseries.com/wp-content/uploads/2024/03/Rectangle-3-copy-3.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.author-btn1 a:hover {
    background: white;
    color: #ff00b2;
}
.book-module2{
    text-align: center;
}
.author-holder{
    padding: 35px 0!important;

}
/*.author-btn:hover{
    transform: scaleX(1.15) scaleY(1.15)!important;
    transition: 300ms ease 0ms;
    cursor: pointer;
}*/
.book-row{
    display: flex;
    justify-content: center;
    gap: 3em;
  }
  .book-module2 .inner h1,.book-module2 .inner h2{
    font-family:'akaPosse1' !important;
  }
  .book-module2 .inner p{
    font-family: 'agaramond regular';
    font-size: 30.63px;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
  }
  .book-module2 .inner h1{
   	font-size: 121.41px;
  }
  .book-module2 .inner h2{
   	font-size: 107.2px;
  }
  .book-module2 .inner  h1, h2{
     color: #ff007e;
  }
.book-module2 .inner p{
	color: black;
}
  .picture{
    max-width: 100%;
    justify-content: center;
    margin: auto;
  }
  .book-col1{
    width: 36.7%;
    position: relative;
    left: 247px;
  }
  .book-col2{
    width: 57.8%;
    top: 70px;
    position: relative;
  }
  .author-btn a{
      	letter-spacing: 2px;
    	font-family:'AlmondPancake';
      	text-transform: uppercase !important;
      	border-radius: 10px;
      	font-size: 18px;
    	padding-right: 50px!important;
    	padding-left: 50px!important;
    	color: white;
    	padding-top: 25px;
    	padding-bottom: 25px;
/* 	  background: #efc813;
	  border: 1px solid #efc813; */
  }
	.author-btn #btn-1{
		background-image: url("https://www.freddyandthebandtheseries.com/wp-content/uploads/2024/03/Rectangle-3-copy-3.png");
    	background-size: cover;
    	background-repeat: no-repeat;
    	background-position: center;	
	}
	.author-btn #btn-2{
		background-image: url("https://www.freddyandthebandtheseries.com/wp-content/uploads/2024/03/Rectangle-3-copy.png");
    	background-size: cover;
    	background-repeat: no-repeat;
    	background-position: center;
		color: #ff00b2 !important;
	}
	.author-btn #btn-1:hover{
		background: white !important;
	}
	.author-btn #btn-2:hover{
		background: white !important;
	}
/********************* Author Page **************************/



/********************* Order Page **************************/
.store{
    display: flex;
    gap: 25px;
    justify-content: center;
}
.amazon:hover, .barnes:hover {
    transform: scaleX(1.15) scaleY(1.15)!important;
    transition: 300ms ease 0ms;
    cursor: pointer;
}
.book-img .et_pb_image_wrap img{
    max-width: 125%!important;
}

/********************* Contact Page **************************/
.et_contact_bottom_container{
    float: left!important;
}
.et_contact_bottom_container button{
	letter-spacing: 2px !important;
    font-family: 'almond pancake' !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    padding-right: 50px !important;
    padding-left: 50px !important;
	padding-top: 25px !important;
    padding-bottom: 25px !important;
    color: white !important;
	background-image: url("https://www.freddyandthebandtheseries.com/wp-content/uploads/2024/03/Rectangle-3-copy-3.png") !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/********************* Footer **************************/
.single-product #footer-bottom .container a{
	color: white !important;
}
.single-product #footer-info{
	color: white !important;
}
.page {
    position: relative!important;
}
.page #main-footer {
    position: absolute!important;
    bottom: 0px!important;
    width: 100%!important;
    z-index: 99!important;
    background-color: rgb(235 222 199 / 0%)!important;
    font-family: 'agaramond regular';
    font-size: 22px;
}
#footer-info a.rm-favicon{
    background: url("images/ReadersMagnet-Favicon.png") no-repeat 0 5px;
    background-size: 40px auto;
    padding: 10px 0 10px 42px;
    background-position:bottom left;
    display: inline-block;
}
#main-footer{

    font-family: 'agaramond regular' /* change font family here */

}
#footer-bottom .container{
    display: flex;
    flex-wrap: wrap;  /* social icons will go down in small screen size*/
    text-align: center; 
    justify-content: center;  /* change propreties: space-between, left, right or center*/
    max-width: 1366px; /* change the footer width size here*/
    width:90%;  
    gap:10px;  /* change gap between the footer bottom details and social icon */
    align-items: center;
    padding:40px 0 !important;
   
   
}
#footer-bottom{
    padding:0 !important;
    background-color: unset; /* change the footer color here*/
   
}
#footer-info{
    font-size:22px; /* change font size here*/
    color:black; /* change font color here*/
    padding:0 !important;
    text-align: center;
}


#footer-bottom  .container a{
    text-transform: none;
	color:black;  /* change a tags font color here*/
	font-weight: 400;
}

/*********** footer social icons ***********/

#footer-bottom .container .et-social-icons{
    order:2;
    display: flex;
    justify-content: space-between;
    gap:15px;
    margin:0;
    align-items: center;
}
#footer-bottom .container .et-social-icons li{
    margin:0;
}
#footer-bottom  .container .et-social-icons a{
    vertical-align: middle;
}

/******************* End of Footer **************************/



/* ==========================================
   |         Responsive Style               |
   ========================================== */

@media only screen and ( max-width: 1600px ) { 
	/* your css goes here */
} 

@media only screen and ( max-width: 1440px ) {
	
	.merch-container1, .merch-container2{
		max-width: 90% !important;
	}
	/* your css goes here */
	.rhyme-holder{
		max-width: 90%!important
	}
	.logo_container {
    	width: 30% !important;
	}
    .home-col2{
        left: -55px!important;
    }
    .home-col1{
        left: 55px!important;
    }
    .home-code{
        max-width: 90%!important;
    }
    .home-blog{
        max-width: 90%!important;
    }
    .book-col1{
        left: 135px!important;
    }
    .order-col1{
        left: 0px!important;
    }
    #main-header .container{
        max-width: 90%!important;
    }
    .author-holder{
        max-width: 90%!important;
    }
}

@media only screen and ( max-width: 1366px ) { 
	/* your css goes here */
	#main-header .container{
		gap: 30px !important;
	}
    .book-col2{
        top: 5px!important;
    }
}
@media only screen and ( max-width: 1360px ) {
	
}
@media only screen and ( max-width: 1280px ) {
	#main-header .container {
        max-width: 95% !important;
    }
	.merch-container1, .merch-container2{
		max-width: 95% !important;
	}
	/* your css goes here */
    #main-header .container{
        gap: 30px!important;
    }
}

@media only screen and ( max-width: 1024px ) {
	.formcontainerformerch{
		width: 350px !important;
	}
	#sticker-section {
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		width: 350px;
	}
	.merch-stickers {
		width: 350px;
		display: flex;
		flex-direction: column;
		transform: unset !important;
		justify-content: center;
	}
	#merch-container2{
		padding-left: 300px !important;
	}
	/* your css goes here */
	.column{
		height: 160px!important;
	}
	#main-header .container {
    	gap: 15px !important;
	}
    .home-col2{
        left: -25px!important;
    }
    .home-col1{
        left: 25px!important;
    }
    .book-col1 {
        left: 40px!important;
    }
    .picture img{
        max-width: 115%!important;
    }
    .order-details .et_pb_text_inner p{
        font-size: 30px!important;
    }
    .book-img .et_pb_image_wrap img {
        max-width: 120%!important;
    }
    .order-col1 {
        left: 0px!important;
    }
    .author-holder {
        max-width: 95%!important;
    }
    .et-fixed-header #top-menu li a {
        font-size: 18px!important;
    }
    #main-header .container{
        max-width: 95%!important;
    }
    #top-menu li a {
        font-size: 18px!important;
    }
    #top-menu li{
        padding-right: 8px!important;
    }
}

@media only screen and ( max-width: 980px ) { 
	#merch-container2{
		padding-left: 290px !important;
	}
	#main-header{
		background-color: #a900f7 !important;
	}
	
	/* your css goes here */
	.column {
    	height: 205px !important;
	}
    .home-col1-2 {
        max-width: 100%!important;
    }
    .home-module2-2 .inner p{
        text-align: center!important;
    }
    .home-row2{
        display: grid!important;
        text-align: center!important;
    }
    .home-col2-2{
        max-width: 100%!important;
    }
    .home-col2{
        left: 0px!important;
    }
    .home-col1{
        left: 0px!important;
    }
    .book-col2-2 {
        width: auto!important;
    }
    .book-row2{
        display: grid!important;
    }
    .book-col1-2 {
        width: auto!important;
    }
    .picture{
        max-width: 80%!important;
    }
    .picture img {
        max-width: 100%!important;
    }
    .book-col1 {
        left: 0px!important;
    }
    .book-col1{
        width: auto;
    }
    .book-row{
        display: grid!important;
    }
    .book-col2{
        width: auto!important;
    }
    .book-img .et_pb_image_wrap img {
        max-width: 75%!important;
    }
    #main-header{
        top: 0px!important;
    }
    #mobile_menu{
        background-color: rgba(0,0,0,0.8)!important;
    }
    .et_mobile_menu li a{
        text-align: center;
    }
    .et-menu-social-icons {
        justify-content: flex-end;
    }
    /*.et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0px!important;
    }*/
    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-top: 25px !important;
    }
    .custom-menu-social-links {
        width: 33%;
    }
    .logo_container {
        width: 55% !important;
    }
    #main-header .container {
        gap: 5px!important;
        padding: 0!important;
    }
    .mobile_menu_bar::before{
        color: white!important;
    }
    #et-top-navigation {
        width: 5%!important;
        order: 3;
    }
}

@media only screen and ( max-width: 768px ) { 
	/* your css goes here */
	#merch-container2{
		padding-left: 190px !important;
	}
}

@media only screen and ( max-width: 600px ) { 
	#merch-container2{
		padding-left: 110px !important;
	}
	/* your css goes here */
	.column{
		width: auto!important;
		float: unset!important;
		display: grid!important;
	}
	.book-module1-2 .inner p{
		 font-size: 25px!important;
	}
    #main-header{
        top: 46px!important;
    }

}

@media only screen and ( max-width: 414px ) {
	#merch-container2{
		padding-left: 20px !important;
	}
	/* your css goes here */
    .btn-flex{
        gap: 10px!important;
    }
    .book-module1-2 .inner p{
        font-size: 25px!important;
        text-align: center!important;
    }
    .book-module1-2 .inner h3{
        font-size: 30px!important;
        line-height: 2.5em!important;
    }
    .picture {
        max-width: 90%!important;
    }
    .book-module2 .inner p{
        font-size: 25px!important;
    }
    .book-module2 .inner h2 {
        font-size: 70.2px!important;
    }
    .order-details .et_pb_text_inner p {
        font-size: 25px!important;
    }
    .book-img .et_pb_image_wrap img {
        max-width: 95%!important;
    }
    #logo {
        width: 100%!important;
    }
    .js{
        margin-top: 0px !important;
    }
    .author-holder {
        max-width: 100%!important;
    }
    #main-header .container {
        max-width: 100%!important;
    }
    .et-menu-social-icons{
        gap: 4px!important;
        justify-content: flex-start;
    }
    #footer-info{
        font-size: 17px!important;
    }
    .et-menu-social-icons li a{
        font-size: 13px;
    }

}
@media only screen and ( max-width: 375px ) { 
	#merch-container2 {
        padding-left: 4px !important;
    }
	/* your css goes here */

}
@media only screen and ( max-width: 320px ) {
	#sticker-section {
		width: 300px !important;
	}
	.merch-stickers {
		width: 300px !important;
	}
	.merch-stickers {
        width: 300px !important;
	}
	#merch-container2 {
        padding-left: 0px !important;
    }
	/* your css goes here */
	.btn-flex {
        flex-direction: column !important;
        align-items: center !important;
    }
    
}


/* End of Responsive Style */