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

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

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

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

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

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

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

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


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


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

.menu-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.vertical-line {
	background-color: #f9c7ac;
    height: 55px;
    width: 5px;
	border-radius: 50px;
}

#menu-menu-1 {
	align-items: flex-end;
    gap: 30px;
}

.et_pb_menu_page_id-72,
.et_pb_menu_page_id-75,
.et_pb_menu_page_id-76,
.et_pb_menu_page_id-77,
.et_pb_menu_page_id-78 {
	margin-bottom: 10px !important;
	pointer-events: none;
}

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

.btns-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.hp-readmore {
    font-size: 24px;
    color: #000;
    background-color: transparent;
    font-family: 'Raleway-ExtraBold';
	padding: 8px 20px 8px 0px;
    cursor: pointer;
    border: none;
    transition: 300ms ease 0ms;
}

.hp-buynow {
    font-size: 24px;
    color: #000;
    background-color: transparent;
    font-family: 'Raleway-ExtraBold';
    padding: 8px 25px;
    cursor: pointer;
    border: none;
    transition: 300ms ease 0ms;
}

.hp-readmore:hover{
	border: 5px solid #000;
	border-radius: 40px;
	padding: 8px 20px 8px 20px;
	transform: scaleX(1.15) scaleY(1.15);
}

.hp-buynow:hover {
	border: 5px solid #000;
	border-radius: 40px;
	transform: scaleX(1.15) scaleY(1.15);
}

.no-blog {
	color: #000;
	margin: auto;
}


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


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


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

.op-code-amazon-logo img:hover{
    transform: scaleX(1.15) scaleY(1.15);
    transition: 300ms ease-in-out 0ms;
}

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

.et-pb-contact-message {
    color: #000 !important;
}


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



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



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

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

@media (min-width: 981px) and (max-width: 1680px) {

    .main-header-menu {
        /* max-width: 90% !important; */
        width: 90% !important;
    }
	
    .hp-section-3-left-col {
        padding-left: 120px !important;
    }

    .hp-book-description {
        width: 90% !important;
    }

    .ap-left-col {
        padding-left: 100px !important;
    }

    .cp-left-col {
        padding-left: 90px !important;
    }
}

@media (min-width: 981px) and (max-width: 1440px) {
	/* your css goes here */
}

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

@media (min-width: 981px) and (max-width: 1366px) {
	
    .header-book-title {
        width: 90% !important;
    }

    .header-book-title h1 {
        font-size: 110px !important;
    }

    .header-book-title h2 {
        font-size: 55px !important;
    }

    .hp-section-3-left-col {
        padding-left: 55px !important;
    }

}

@media (min-width: 981px) and (max-width: 1280px) {
	
    .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 25px !important;
    }

    #menu-menu-1 {
        gap: 15px !important;
    }

    .hp-book-description .et_pb_column_1 {
        padding-right: 85px !important;
    }

    .hp-book-description p {
        font-size: 20px !important;
    }

    .hp-section-3-left-col h2 {
        font-size: 25px !important;
    }

    .hp-section-3-left-col h3 {
        font-size: 28px !important;
    }

    .hp-section-3-left-col p {
        font-size: 18px !important;
    }

}

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

@media (min-width: 981px) and (max-width: 1024px) {
	
    .header-book-title h1 {
        font-size: 100px !important;
    }

}

@media only screen and ( max-width: 980px ) { 
	.et_pb_menu_page_id-72,
    .et_pb_menu_page_id-75,
    .et_pb_menu_page_id-76,
    .et_pb_menu_page_id-77,
    .et_pb_menu_page_id-78 {
        display: none;
    }

    #mobile_menu1 {
        top: 62px !important;
    }
	
	.btns-container {
		justify-content: center;
	}
}

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

} 

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

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

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


/* End of Responsive Style */