/* 
Theme Name:		 FBA Daddy
Theme URI:		 https://fbadaddy.com/
Description:	 FBA Daddy is a custom child theme of GeneratePress
Author:			 Nazim Ansari
Author URI:		 https://nazimansari.com
Template:		 generatepress
Version:		 2.0
Text Domain:	 fba-daddy
*/


/*
    Add your custom styles here
*/
.cta-btn{
	text-align:center;
	margin-bottom:30px;
}
.cta-btn a{
	display: inline-block;
    background: #003873;
    font-size: 17px;
	font-weight:600;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 70px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    transition: .3s all;
    backface-visibility: hidden;
}

.cta-btn.green-bg a{
	background: #C0EF7D;
	color: #222;
}

.cta-btn.green-bg a:hover{
	background: #b0e06a;
	color: #222;
}

.cta-btn a:hover {
	background-color: #1f4565;
	transform: translatey(-3px);
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
	color: #fff;
}


.cta-box {
	display: flex;
	border: 2px solid #003873;
	padding: 40px;
	border-radius: 8px;
	align-items: center;
	margin-bottom: 30px;
}
.cta-box .left-block {
	flex: 0 0 45%;
	margin-right: 30px;
}

.cta-box .right-block {
	flex: 1;
}

.cta-box .right-block > div {
	text-transform: uppercase;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
}
.cta-box .right-block span {
	text-align: center;
	font-size: 15px;
	padding:3px 20px;
	background-color: #C0EF7D;
	margin:10px 0 20px 0;
	display: block;
}
.cta-box .right-block p {
	font-size: 16px;
}
.cta-box .right-block .cta-btn{
	margin-bottom:0;
}
.cta-box .right-block .cta-btn a{
	display:block;
	font-size: 14px;
	padding: 10px 40px;
}

.dotted-box{
	padding:30px;
	border:3px dashed #86C871;
	margin-bottom:30px;
	text-align:center;
}

.dotted-box .cta-btn{
	margin-bottom:0;
}

.favourite {
	padding: 0 40px 40px 40px;
	margin-bottom:10px;
}
.favourite .favourite-heading {
	color: #333333;
	text-align: center;
    font-size: 25px;
	line-height:34px;
    font-weight: 600;
	margin-bottom:30px;
}

.favourite .favourite-content{
	display: flex;
	justify-content:center;
	align-items:center;
	
}

.favourite img{
	width: 60px;
    height: 60px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
	margin-right: 10px
}

.favourite .favourite-content-right span {
	color:#003873;
	font-weight: 700;
	
	
}
.favourite .favourite-content-right p {
	font-size:13px;
	margin:-5px 0 0 0;
}


.favourite .coupon-wrapper{
	display:flex;
	justify-content:center;
}

.favourite .coupon-box {
    border: 4px dashed #003873;
    width: 320px;
    padding: 30px;
    text-align: center;
    background-color: #F7F7F7;
	margin:0 10px;
    margin-top: 28px;
}


.favourite .coupon-box span {
    font-size:20px;
	line-height:30px;
	font-weight:700;
}
.favourite .coupon-box p {
    font-size:18px;
	line-height:28px;
	font-weight:100;
	margin:  15px 0;
}
.favourite .coupon-box .cta-btn {
	margin-bottom:0;

}
.favourite .coupon-box .cta-btn > a {
	font-size: 16px;
    padding: 10px 27px;
    margin: 0;
    font-weight: 400;
    text-transform: capitalize;
	
}

.fixed-cta {
	display: flex;
	align-items:center;
	justify-content:center;
	background: #004b9a;
    padding: 10px;
    color: #fff;
    text-align: center;
	position: sticky;
   	top:0px;
	z-index: 2;
    width: 100%;	
}

.fixed-cta.green-bg{
	background-color: #C0EF7D;
}

.fixed-cta.footer{
	position: fixed;
	top:auto;
	bottom:0px;
}

.fixed-cta span {
	margin-right:40px;
	color:#fff;
}

.fixed-cta.green-bg span{
	color:#222;
}

.fixed-cta .cta-btn {
	margin: 0;
}

.fixed-cta a {
	display: inline-block;
    padding: 7px 26px;
    background-color: #C0EF7D;
    color: #222;
    font-size: 16px;
	box-shadow:none;
}

.fixed-cta.green-bg a{
	background-color: #003873;
	color:#fff;
}


.fixed-cta a:hover {
	background-color: #C0EF7D;
	color:#222;
	box-shadow:none;
}

.fixed-cta.green-bg a{
	background-color: #003873;
	color:#fff;
}

/* TOC */
#toc_container {
	width: 100%;
    background: #f5f4ff;
    border: 1px solid #e5e4f5;
	margin-bottom:30px;
	padding: 40px;
}

#toc_container .toc_list li{
	list-style: decimal!important;
	margin-bottom:8px;
}

#toc_container .toc_list li ul li{
	list-style:none!important;
}
#toc_container .toc_list li ul li:before{
	content: "\f101"!important;
font-family: FontAwesome!important;
margin-right: 8px!important;
color: #333!important;
}

#toc_container a{
	color:#333;
}

@media (min-width: 700px){

#toc_container .toc_list {
    column-count: 2;
    column-gap: 120px;
    column-rule: 1px solid #ddd;
}
}

/* END TOC */



@media only screen and (max-width: 600px) {
	
  	.cta-btn a{
		display: block;
		font-size: 16px;
		padding: 15px 30px;
		
	}
	.cta-box {
		flex-direction: column;
		padding: 20px 20px 40px 20px;
		
	}
	.cta-box .left-block {
		margin-right: 0px;
		text-align:center;
	}
	.cta-box .left-block img {
		
		margin: 0 auto;
	}
	.cta-box .right-block p {
		font-size: 16px;
		text-align: center;
	}
	
	.dotted-box{
		padding: 20px;
		border: 3px dashed #86C871;
		margin-bottom: 30px;
		text-align: center;
	}

	.dotted-box .cta-btn{
		margin-bottom: 10px;
	}
	.dotted-box .cta-btn a{
		display:block;
		font-size: 14px;
		padding: 10px 40px;
	}
	
	
	.favourite {
		padding: 0px;
		margin-bottom:30px;
	}
	
	.favourite .favourite-heading {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	.favourite .coupon-wrapper{
		flex-direction:column;
	}

	.favourite .coupon-box {
		width: 100%;
		padding: 30px;
		margin-top: 28px;
	}
	.favourite .coupon-box .cta-btn {
		margin-bottom:0;

	}
	.favourite .coupon-box .cta-btn > a {
		display:inline-block;
		font-size: 15px;
		padding: 12px 30px;
		margin: 0;
		font-weight: 400;
		text-transform: capitalize;

	}
	
	.fixed-cta {
		flex-direction: column;
		padding:10px;
	}
	.fixed-cta span {
		margin-right:0px;
	}
	.fixed-cta a {
		display: inline-block;
		padding: 7px 20px;
		font-size: 14px;
		margin-top:10px;
	}
}
