/*
*
*	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:'TrajanPro Bold';
    src: url('font/TrajanPro-Bold.otf') format('truetype');
    font-display: swap;
}

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

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

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

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

header{
    height: 80px;
    background-color: #1c0429 !important;
}
header.et-fixed-header{
   
}

header .container{
    width:100%;
    max-width:90%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap:20px;
}

header .container.clearfix::after{
    display: none;
   
}

/****  inheret the height of parent header ****/
header .container, #et-top-navigation, #top-menu-nav, #top-menu{
    height: inherit;
}

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

#et-top-navigation{

    float: unset !important;
    padding:0 !important;
    display:flex;
    justify-content: center;
    flex:1;
    
}


#top-menu{
    display: flex;
    align-items: center;
    gap:20px;
}
#top-menu li{
    padding-right:0px;
    display: flex;
  
}
#top-menu li a{
 
    font-size: 16px;
    color:#fff;
    display: grid;
    place-content: center;
    padding:10px 5px !important;
    font-family: 'Montserrat Regular';
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
	text-align:center;
	line-height:1.3em
    
}
#top-menu li.current-menu-item a{
    
    color:#fff;
    border-bottom:1px solid #fff;
    
}

/************** logo **********************/

.logo_container{
    max-width: 25%;
    position:static !important;
    width:auto !important;
}

#logo{
    width:95%;
    object-fit: contain;
    max-height: 100%;
    transform:unset !important;
}
/************** header social links **********************/

.header-social-links{
    display: flex;
    width:13%;
    gap:15px;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.header-social-links > a {
    font-size:18px;
    color:#fff;
    display: block;
    padding: 3px 2.5px;
    border: 0.11em solid #fff;
    border-radius: 50%;
    
}
/* font-awesome icon */
.header-social-links > a.icon-fontawesome{
	padding:3.5px 6px;
}

.header-social-links > a:hover {
    transform:scale(1.1);
    transition:300ms ease 0ms;
}
/************** mobile menu **********************/

#et_mobile_nav_menu{
	float: unset;
	height: 100%;


}
.mobile_nav{
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
}
.mobile_menu_bar{
	padding-bottom:0 !important;

}
.mobile_menu_bar::before{
	color:#fff !important;
}
.et_mobile_menu{
	top:100%;
	text-align: center;
	padding-bottom:0;
	padding-top:0;
	left:50%;
	transform: translateX(-50%);
	background-color: #fff !important;
}
.et_mobile_menu li a {
	padding:20px;
	font-family:'Poppins Regular';
	text-transform: uppercase;
	font-size:20px;
	color:#000;
	border-bottom:1px solid rgba(000,000,000,.3);
}

.et_mobile_menu .current-menu-item a{
	color:#0056ae;

}
/************** Button **********************/
.button-flex{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
    justify-content: center;
  }
  .button-flex a{
    display:grid;
    place-content:center;
    color:#fff;
    font-size:16px;
    transition:300ms ease 0ms;
    background-color:#000;
    font-family:'Montserrat Semibold';
    font-weight:700;
    width:150px;
    height: 45px;
    border-radius: 10px;
  }

  .button-flex a:hover{
    
    transform: scale(1.2);
    
  }

/********************* Main content **************************/

#main-content{
    min-height: 820px;
}


/********************* Home Page **************************/

.no-blog{
	color:#000;
	margin:0 auto;
	font-family:'Poppins Regular';
}

.gallery-row.et_pb_row .et_pb_gallery_items.et_post_gallery{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
	
} 
.gallery-row.et_pb_row .et_pb_gallery_items.et_post_gallery .et_pb_gallery_item{
	width:100%;
	margin-right:0;
	margin-left:0;
}

/********************* Book Page **************************/



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



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

.flex-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.book-details{
    max-width: 680px;
    margin-left: auto;
}
.book-details div{
    color:#000;
    font-family:'Montserrat Semibold';
    font-size:17px;
    text-align: center;
    line-height: 1.8em;
    padding:0 30px;
}
.book-details div:last-child{
    border-left:2px solid #000;
    
}

/********************* Blogs Page **************************/
.et_pb_sidebar_0  #block-7{
	margin-bottom:10%;
}
.et_pb_sidebar_0  #block-8,
.et_pb_sidebar_0  #block-10{
	margin-bottom:0;
}


/********************* Single Page **************************/

#sidebar  #block-7{
	margin-bottom:10%;
}
#sidebar  #block-8,
#sidebar  #block-10{
	margin-bottom:0;
}


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


.author-contact-form .et_contact_bottom_container{
    float: unset;
}
.author-contact-form .et-pb-contact-message{
    color:#fff;
}


/********************* 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{

    font-family: 'Poppins 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: #f3f3ff; /* change the footer color here*/
   
}
#footer-info{
    font-size:15px; /* change font size here*/
    color:#000; /* 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 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 a{
    font-size:18px;
    color:#000;
    display: block;
    padding: 3px 2.5px;
    border: 0.11em solid #000;
    border-radius: 50%;
	transition:300ms ease 0ms;
}
/* font-awesome icon */
#footer-bottom  .container a.icon-fontawesome{
	padding:3.5px 6px;
	
}

#footer-bottom .container a:hover {
    transform:scale(1.1);

}

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



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

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

@media only screen and ( max-width: 1440px ) { 

	.book-title.et_pb_text h1{
        font-size:60px;
    }
}

@media only screen and ( max-width: 1366px ) { 
	header .container{
        max-width: 90%;
    }
    .logo_container{
        max-width: 30%;
    }
}

@media only screen and ( max-width: 1280px ) { 
    
    header .container{
        gap:10px;
		max-width:95%;
    }

    /* ===== increase gap of rows that has gutters1 ========*/
    .et_pb_row.et_pb_gutters1 .et_pb_column:first-child{
        width:35%;
        margin-right: 5%;
    }
	
	/*======= Order page book order details =========*/
    .book-details div:last-child{
        border-left: none;
    }
}

@media only screen and ( max-width: 1140px ) { 



    .book-title.et_pb_text h1{
        font-size: 50px;
    }
}

@media only screen and ( max-width: 1024px ) { 
	
	#top-menu li a{
		font-size:15px;
		padding:10px 0px !important;
	}

    .author-row.et_pb_row.et_pb_row{
        padding-left:50px !important;
        padding-right:50px !important;
        width:90%;
    }
}

@media only screen and ( max-width: 980px ) { 
	/************** header  **********************/
    header{
        border-bottom: unset;
    }
    header .container{
        width:90%;
        gap:50px;
    }
    /************** menu **********************/
    #et-top-navigation{
        flex:unset;
        justify-content: right;
    }
    #top-menu{
        display: none;
    }
    /************** logo **********************/

    .logo_container{
        max-width: 100%;
        flex:1;
    }

    #logo{
        max-width: 100% !important;
    }
    #et-top-navigation{
        order:3;
    }
    .header-social-links{
        order:2;
    }
    /************** header social links **********************/

    .header-social-links{
        flex:1;
        justify-content: right;
    }
    /************** end of header social links **********************/


    /********* All Text *********/
    .et_pb_text.et_pb_text{
        text-align: center;
        margin:10px auto !important;
        
    }

    /********* All Rows *********/
    .et_pb_section .first-row.et_pb_row{
        margin-top:0 !important;
    }
    .et_pb_column.et_pb_column{
        width:100%;
    }

    /* ===== all rows with gutters1 ========*/
    .et_pb_row.et_pb_gutters1 .et_pb_column:first-child{
        width:100%;
        margin:0 !important;
    }
    .et_pb_column.et_pb_column{
        margin:0;
    }

    /********* All Book Mockup *********/
    .book-mockup.et_pb_image{
        text-align: center;
    }
    .book-mockup img{
        height: 350px;
    }

    /********* author image *********/
    .author-image.et_pb_image{
        text-align: center;
        margin-bottom: 0;
    }
    .author-image img{
        height: 250px;
    }

    
    /********* all h2 *********/
    .et_pb_text.et_pb_text h2{
        text-align: center;
    }


    /********* all buttons *********/
    .et_pb_button_module_wrapper.et_pb_button_module_wrapper {
        text-align: center;
        margin:20px auto !important;
    }

    .flex-box{
        flex-direction: column;
        margin:0 auto;
    }


    /********* contact page *********/

    .et_pb_divider.et_pb_divider{
        margin:0 auto;
    }
 
    .author-contact-form{
        margin:0 auto;
    }
    .author-contact-form .et_contact_bottom_container{
        justify-content: center;
    }


}

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

}

@media only screen and ( max-width: 550px ) { 

    header .container{
        gap: 20px;
    }
    .header-social-links{
        width:auto;
        flex:unset;
    }
    .header-social-links{
        gap:10px;
    }


    /******* all rows *******/
    .et_pb_row.et_pb_row{
        width: 90%;
    }

    /***** all h2 *****/
       .et_pb_text.et_pb_text h2{
        font-size:30px;
    }

    /******* book title *******/
    .first-row.et_pb_row .author-name h2{
        font-size:20px;
        padding-bottom:0;
    }
    .first-row .book-title.et_pb_text h1{
        font-size:30px;
        padding-bottom:0;
    }
    .first-row .book-subtitle.et_pb_text h2{
        font-size:20px;
        letter-spacing: 5px;
    }

    .button-flex{
        gap:20px;
    }



    /**** all paragraphs *****/

    .et_pb_text.et_pb_text p{
        font-size:16px;
    }

    /* all columns */
    .et_pb_column.et_pb_column{
        margin:0 auto !important;
    }

    .book-mockup img{
        height: 300px;
    }




    /* author rows */
    .author-row.et_pb_row.et_pb_row{
        width:100%;
        padding:50px 20px !important;
    }


    

}
@media only screen and ( max-width: 375px ) { 
    header .container{
        width:98%;
        gap:10px;
    }
    .header-social-links{
        gap:5px;
    }
	
	
	.book-details div{
		font-size:15px;
		padding:0px;
	}

}
@media only screen and ( max-width: 320px ) { 
    /***** all h2 *****/
    .et_pb_text.et_pb_text h2{
        font-size:25px;
    }
	
	/***** 	 */
	.header-social-links > a{
		font-size:16px;
	}
	
    
}


/* End of Responsive Style */