/*
 Theme Name:   ClipMyDeals Child
 Description:  Waffar Cash Theme By S4esrv
 Template:     clipmydeals
 Version:      1.0.0
 Text Domain:  clipmydeals-child
*/
@font-face { font-family: Cairo; src: url(https://waffarcash.com/wp-content/themes/Waffar-cash/fonts/Cairo.ttf); }

body, ::placeholder, select, button {font-family: Cairo !important; letter-spacing: 0px !important; text-align: right;}
body{font-size: 17px; font-weight: 300;}

h1{font-size:2.25rem;}
h2{font-size:2rem;}
h3{font-size:1.75rem;}
h4{font-size:1.5rem;}
h1, h2, h3, h4{color:#218838;}
.homepage-widget-title{letter-spacing: 0px;}
.revealed-button {
    font-size: 1.8rem;
    text-align: left;
	font-weight: bold;
}
.copy-button {
    font-size: 1.5rem;
}

nav.rank-math-breadcrumb a {
    color: #fff;
}
nav.rank-math-breadcrumb {
    text-align: center;
    color: rgb(255 255 255 / 78%);;
}
#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
	padding: 1em;
    border: 1px solid #395771;
}
.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block !important;
    padding-left: 1em;
    margin-left: 1em;
    font-weight: 300;
	text-align: right;
}

.rank-math-question:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
}
.rank-math-question.collapsse {
    padding-bottom: 1em;
    border-bottom: 1px solid;
}
.rank-math-question.collapsse:after {
    transform: rotate(0deg);
}

.rank-math-question:hover {
    opacity: 0.8;
}
.rank-math-answer{text-align: right;}

@media (min-aspect-ratio: 16 / 9){
	.home .post.hentry {
		margin-bottom: 4rem;
		width: 30%;
		float: right;
		margin-right: 3%;
	}
}

@media (max-aspect-ratio: 16 / 9){
	#hp-video{transform: translateX(calc(-50vw - -50%));}
	.float-left, .float-right {
		float: none!important;
		text-align: center;
	}
}

.followus {
    text-align: center;
    margin: 25px 0;
    font-size: 25px;
}

.followus ul {
    list-style: none;
	padding-right: 0;
}

.followus ul li {
    display: inline-block;
    margin: 5px 0 5px 5px;
    width: 64px;
    transition: all 0.3s ease-in-out;
}

.followus span {
    margin: 10px 0;
    display: block;
}

@media screen and (max-width: 500px) {
  .followus ul li {
    width: 32px;
}

.followus span {
    font-size: 18px;
}
}

.followus ul li:hover {
    transform: rotate(360deg);
}

.widget_media_image {
    float: right;
    margin: 10px;
}
.widget{text-align:right;}