/*
*	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:'Century-Regular';
    src: url('font/CENTURY.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family:'BASKVILL';
    src: url('font/BASKVILL.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family:'bashing';
    src: url('font/Bashing-Regular.ttf') format('truetype');
    font-display: swap;
}


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



/************** Primary Menu **********************/
#navbar_row{
	transform: translateX(230px) !important;
}
.et_pb_menu__logo{
	transform: translateY(5px);
	margin-left: 40px;
	margin-right: 40px;
}
#navbar_row1{
	height: 130px !important;
}
#navbar_row1 .et_pb_column_3_tb_header{
	width: 200px !important;
}
   .et_pb_menu__wrap{position: static;}
   .et_pb_menu_inner_container{position: static;}
   .et_pb_menu{position: static;}
   .et_pb_column_1_2{position: static;}
 #mobile_menu2{
 	text-align: center;
 	padding-top: 0px !important;
 	padding-bottom: 0px !important;
 }


/********************* Home Page **************************/
.ds-thumbnail-blog article{
	background:none;	
}
.ds-thumbnail-blog article .post-content a.more-link:hover{
	background:none;
}
article{
	grid-template-rows: 80px 57px 120px;
}
.ds-thumbnail-blog article .post-content a.more-link{
	background:none;
	border:none;
	padding:0;
}
.et_pb_post .post-meta{
	margin-bottom:0;
	height:50px;
}
div.post-content{
	height:100px;
}

.Rounded_Rectangle{
  background-color: rgb(38, 122, 57);
  box-shadow: 0px 10px 7.4px 2.6px rgba(0, 0, 0, 0.63);
  width: 200px;
}
.Rounded_Rectangle:hover{
	width: 210px;
	padding:13px;
}


/********************* Book Page **************************/
.for-center .book-series{
	display: flex;
	justify-content: center;
}

.group-name h2{
  font-family:'bashing';
  margin-bottom: 30px;
  text-align: center;
  font-size: 90px;
  color: black;
}

.btn{
	display: flex !important;
	justify-content:center;
}
.books{
	display: flex;
}

.books h3{
  font-family:'BASKVILL';
  font-size: 20px;
  height: 40px !important;
  color: black;
  text-align: center;
}

.books img{
  width: 200px !important;
  
}

.group-btn{
	  text-decoration: none;
	  margin-left:50px;
	  font-size: 25px;
	  font-family: "Baskerville Old Face";
	  color: rgb(0, 0, 0);
	  line-height: 1.2;
	  font-family:'BASKVILL';
	  margin-left: 10px;
	  cursor:pointer;
	  border: none;
	  padding: 10px;
	  border-radius: 5px;
	  background-color: rgb(255, 222, 0);
	  box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
}

/********************* Author Page **************************/



/********************* Order Page **************************/




/********************* Contact Page **************************/






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

#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{
	background-color: transparent !important;
    font-family: 'Century-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:10px 0 !important;
   
   
}
#footer-bottom{
    padding:0 !important;
	background-color:transparent !important;
    /* background-color: black;  change the footer color here*/ 
}
#footer-info{
    font-size:15px; /* change font size here*/
    color:#000000; /* change font color here*/
    padding:0 !important;
}

#footer-bottom  .container a{
    text-transform: none;
	color:#000;  /* change a tags font color here*/
	font-weight: 400;
}
#footer-info a.rm-favicon{
	color: #000000;
}#footer-info a{
	color: #000000;
}

footer {
	margin-top:-12px;
	position: relative !important;
}

#main-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


/*********** 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: 1920px ) { 
	
} 

@media (min-width: 981px) and ( max-width: 1680px ) { 
	#nav-menu{
		padding-left: 30px;
		padding-right: 30px;
	}
	.home-author-name h2{
		font-size:140px !important;
		text-align: center;
	}
	.author-page-author-name h2{
		font-size:140px !important;
		text-align: center;
	}
	.author-page-about p{
		font-size:22px !important;	
	}
	.order-page-books-container{
		width:90% !important;
	}
	.contact-page-author-name h2{
		font-size:140px !important;
		text-align: center;
	}
	.contact-page-title{
		padding-top: 40px !important;
	}
	
} 

@media (min-width: 981px) and ( max-width: 1600px ) { 
	/* your css goes here */
	.contact-page-text p{
		font-size: 20px;
	}
	.home-first-section{
		padding-top: 60px !important;
	}
}
@media (min-width: 981px) and ( max-width: 1440px ) {
	.scrollmenu{
		width: 100%;
	}
	.home-first-section{
		padding-top: 60px !important;
	}
	.home-author-name h2{
		font-size:120px !important;
		text-align: center;
	}
	.order-page-books-container{
		width:90% !important;
	}
	.order-page-book img{
		width: 235px;
	}
	.author-page-author-name h2{
		font-size:120px !important;
	}
	.author-page-title{
		padding-top: 40px !important;
	}
	.contact-page-title{
		padding-top: 80px !important;
	}
	.order-page-title{
		padding-top: 30px !important;
	}
	.blog-page-container{
		width: 96%;
	}
	#navbar_row{
		
	}
	.et_pb_menu__logo{
		
	}
	.et-menu-nav{
		width: 1000px !important;
	}
	/*.book-series{
		width: 1000px !important;
	}*/
	.book{
		flex-wrap: wrap;
		justify-content: center;
	}
	.book-series{
		width: 100% !important;
	}



}
@media ( max-width: 1366px ) {
	.order-page-book img{
		width: 220px;
	}
	.contact-first-section{
		padding-top: 40px !important;
	}
	.home-author-about p{
		font-size: 25px;
	}
	.order-page-learning h2{
		font-size: 30px !important;
	}
	.author-page-about p{
		font-size: 21px !important;
	}
	.books{
		width: 1000px !important;
		display: flex;
		flex-wrap: wrap !important;
		justify-content: center !important;
	}
	.book-series{
		width: 100% !important;
	}
	#books_row1{
		width: 1020px !important;
	}

}
@media (min-width: 981px) and ( max-width: 1280px ) {
	.order-page-book img{
		width: 207px;
	}
	.author-page-about{
		font-size: 18px !important;
	}
	.scrollmenu{
		width: 96%;
	}
	.group{ margin:0;}
	.home-first-section{
		padding-top: 100px !important;
	}
	.et_pb_menu__menu{
		transform: translateX(-35px);
	}
	
}
@media (min-width: 981px) and ( max-width: 1024px ) {
	#books_row1{
		width: 985px !important;
	}
	#soc-med1{
		transform: translateY(-18px) !important;
	}
	#navbar_row{
		transform: translateX(120px) !important;
	}
	.et_pb_menu__logo{
		width: 250px !important;
	}
	.et-menu-nav{
		width: 800px !important;
	}
	.group-name h2{
		text-align: center;
	}
	.home-title{
		margin-top: -200px;
		width: 80%;
	}
	.order-page-title{
		margin-top: -350px;
		width: 80%;
	}
	.home-author-name h2{
		font-size:90px !important;
		text-align: center;
	}
	.author-page-author-name h2{
		font-size:90px !important;
	}
	.home-author-about p{
		font-size : 20px;
	}
	.home-first-section{
		display: flex;
		justify-content: center;
		padding-top: 1px;
		min-height: 600px !important;
	}
	.homepage-latest-blog h2{
		font-size: 80px !important;
		padding-left: 40px;
	}
	.post-content p {
		font-size: 20px !important;
	}
	.order-page-book img{
		width: 160px;
	}
	.author-page-about p{
		font-size: 15px !important;
	}
	.author-italic p{
		font-size: 45px;
	}
	.authorpage-second-section{
		padding-top: 50px !important;
	}
	.contact-get-in-touch h2{
		font-size: 100px !important;
	}
	.contact-page-text p{
		line-height: 1.1;
		font-size: 18px !important;
	}
	.group{
		padding-left: 30px;
	}
	.et_pb_image_wrap{
		margin-bottom:30px !important;
	}
	.social-media-icon{
		margin-bottom:30px !important;
	}
	.group-name h2{
		text-align: center;
	}
	
}




@media ( max-width: 980px ) {
	.books{
		width: 900px !important;
	}
	#books_row1{
		width: 920px !important;
	}
	.group-name{ display: flex; justify-content: center; }
	.group-name h2{
		text-align: center;
	}
	.group{ margin:0;}
	#mobile_menu1{
		padding-top:1px;
		text-align: center;
		margin-bottom:-5px;
	}
	.scroll-container .card img{
		width:300px;
	}
	.scrollmenu {
	  padding-right: 30px;
	}
	.et_pb_module .mobile_menu_bar:before{
	  top: -3px;
	}
	.group-name h2{
		text-align: left !important;
		font-size: 70px !important;
	}
	.group{
		padding: 20px;
	}
	#footer-bottom{
		background:rgba(255, 255, 255, 0.5) !important;
	}
	footer{
		margin-top:0;
	}
	.et_pb_image_wrap{
		margin-bottom:30px !important;
	}
	.social-media-icon{
		margin-bottom:40px !important;
	}
	
}

@media ( max-width: 768px ) {
	#books_row1{
		width: 730px !important;
	} 
	.books{
		width: 700px !important;
	}

	#mobile_menu1{
		text-align: center;
	}

	.scrollmenu{
		padding-left: 0;
	}
	.social-media-icon{
		padding-bottom:50px !important;
	}
	.et_pb_image_wrap{
		margin-bottom:100px !important;
	}

}

@media ( max-width: 600px ) {
	#soc-med1{
		transform: translateY(10px) !important;
	}
	.group-name{
		display: flex !important;
		justify-content: center !important;
	}
	.group-name h2{
		text-align: center !important;
	}
	.post-content-inner p{
		font-size: 15px !important;
		margin-top: -35px;
	}
	.post-meta{
		margin-top: -20px !important;
	}
	.home-first-section{
		min-height: 350px !important;
		padding-top: 35px !important;
	}
	.scrollmenu{
		width: 98% !important;
	}
	.socmed-icon{
		margin-top: -30px !important;
		height:200px !important;
	}
	#books_row1{
		width: 570px !important;
	} 
	.books{
		width: 570px !important;
	}
	
}

@media ( max-width: 414px ) { 
	/* your css goes here */
	#books_row1{
		width: 390px !important;
	} 
	.books{
		width: 380px !important;
	}
	.et_pb_image_wrap{
		transform: translateY(10px) !important;
	}
	.card h1{
		font-size: 15px;
	}
	.contact-get-in-touch h2{
		font-size: 70px !important;
	}
	.contact-page-text p{
		font-size: 15px !important;
    	line-height: 1.4;
	}
	.post-content-inner p{
		font-size: 15px !important;
		margin-top: -19px;
	}
	.post-meta{
		margin-top: -11px !important;
	}
	.copies-are-available p{
		font-size: 16px !important; margin-top: -30px;
	}
	.social-media-icon{
		margin-bottom: 30px;
	}
	.home-first-section{
		padding-top: 35px !important;
	}
	.order-page-title{
		padding-top:35px;
	}
	.et_pb_image_wrap{
		margin-bottom:60px !important;
	}
	.socmed-icon{
		margin-top: 10px !important;
		transform: translateY(-25px)!important;
		height:170px !important;
	}
	.group-name{
		display:flex !important;
		justify-content:center !important;
	}
	.group-name h2{
		text-align: center !important;
		font-size: 60px !important;
	}
	.author-page-about p{
		font-size: 20px !important;
		text-align: center;
		line-height: 1.1 !important;
	}
	
}
@media ( max-width: 375px ) { 
	/* your css goes here */
	#books_row1{
		width: 340px !important;
	} 
	.books{
		display: flex !important;
		justify-content: center !important;
		width: 330px !important;
	}
	.order-page-title{
		padding-top: 30px !important;
	}
	.books{
		transform: translateX(-1px) !important;
		width: 300px !important;
	}

}
@media only screen and ( max-width: 320px ) { 
	/* your css goes here */
	#books_row1{
		width: 290px !important;
	} 
	.books{
		display: flex !important;
		justify-content: center !important;
		width: 250px !important;
	}
	#navbar_row1{
		height: 110px !important;
	}
	#navbar_row1 .et_pb_column_3_tb_header{
		width: 100px !important;
	}
	.post-content-inner p{
		font-size: 15px !important;
		margin-top: -10px;
	}
	.et_pb_menu__wrap{
		transform: translateY(-6px);
	}
	.group-name h2{
		font-size: 35px !important;
	}
	.et_mobile_menu{

		position: absolute !important;
		width: 318px !important;
		transform: translateX(-272px) translateY(20px) !important;
	}
	#soc-med1{
		transform: translateY(1px) !important;
	}
    
}


/* End of Responsive Style 