@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');
@import url('https://pro.fontawesome.com/releases/v5.14.0/css/all.css');
@import url('https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css');

:root {
	--blue:		#0090ff;
	--red:		#c00000;
	--gray: 	#dddddd;
	--black:	#000000;
	--white:	#ffffff;
	--purple:	#c7006f;
	--shadowbox: 0px 5px 10px rgba(0,0,0, 0.2);
} 


body 							{ font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
									font-weight: 300; margin: 4em; color:var(--white); padding-bottom: 100px;
									/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c7006f+0,0090ff+100 */
									background: #c7006f; /* Old browsers */ 
									background: -moz-linear-gradient(-45deg,  #c7006f 0%, #0090ff 100%); /* FF3.6-15 */
									background: -webkit-linear-gradient(-45deg,  #c7006f 0%,#0090ff 100%); /* Chrome10-25,Safari5.1-6 */
									background: linear-gradient(135deg,  #c7006f 0%,#0090ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7006f', endColorstr='#0090ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

h1, h2, h3, h4, h5	{ font-family: 'Montserrat', sans-serif; line-height: 120%; letter-spacing: -1px; word-spacing:0.2em; font-weight: 500; 
									margin: 0px 0px 1.0em 0px; }

@media (max-width: 640px) {
	h1, h2, h3, h4 { font-size: 1.6em; line-height: 110%; }
	h5 { font-size: 1.1em; line-height: 110%; }
	body	{ margin: 1.5em 0.5em; }
}
b 								{ font-weight: 400; }

a									{ color:var(--white); text-decoration: underline; }
a:hover						{ color:var(--black) !important; text-decoration: underline; }
a:hover img				{ filter: brightness(1.2) contrast(1.2); }
a:visited					{ color:var(--white); text-decoration: underline; }
a:focus 					{ outline:none; }

i.fab							{ margin-right: 0.5em; }

hr								{ border-top: 1px solid rgba(0,0,0,.7); }

section						{ margin-bottom: 3.0em; }
footer						{ margin-top: 3.0em; }

/* ========= main world ========= */
.btns a						{ display: inline-flex; align-items: center; justify-content: center; width: 100%; 
									padding: 10px 20px; margin-bottom: 5px; border: 1px solid #fff; border-radius: 6px; 
									font-size: 1.2em; line-height: 1.1em; font-weight: 400; text-decoration: none; }
.btns-sm a[data-toggle="collapse"]
									{ padding: 8px 10px; margin-bottom: 5px; border: 1px solid #fff; 
									font-size: 0.9em; font-weight: 300; }
.btns-sm a[data-toggle="collapse"] img		{ width: 64px; max-height: 64px; margin-right: 12px; border-radius: 8px; } 
.btns a:hover			{ background: var(--white); color:var(--black); }
a[data-toggle="collapse"] i.fa-chevron-down	{ margin-left: 10px; }

.collection 			{ margin-bottom: 5px; }
.collection .c1		{ display: block; align-items: center; justify-content: center; width: 100%; 
									padding: 8px; margin-bottom: 2em; border: 1px dashed #fff; border-radius: 6px; }
.collection	a			{ display: table-cell; width: auto; padding: 5px; margin-bottom: 0px; border: none; }  
.collection img		{ border-radius: 4px; width: 22%; min-width: 60px; max-width: 100%; margin: 0px 5px 5px 0px; } 
.collection .c1 a, .c1 a { font-size: 0.9em; }


.reviews					{ font-size: 0.9em; }
.reviews .carousel-inner	{ padding: 0em 6em 5em 6em; }
.reviews .carousel-control-next, .reviews .carousel-control-prev	{ width: 50px; }
.reviews .carousel .carousel-item { padding-right: 50px; padding-left: 50px; padding-bottom: 30px; } 
.carousel-indicators [data-bs-target] { height: 10px; }

.carousel	button	{ border-width: 0px; background-color: transparent; } 

.card							{ background-color: transparent; color: inherit; }
.card-body 				{ padding: 1.0em; }
.card-body p:first-child	{ height: 4.6em; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

.badge	{ font-weight: 300; }

dt 	{ font-weight: inherit; margin-bottom: 0.5em; }

.freebies dt.col-3	{ max-height: 3.0em; margin-bottom: 10px; overflow: hidden; }
.freebies div.col-3	{ max-height: 3.0em; }
.freebies img.img-fluid { width: 100px; }

.social						{ font-size: 2em; margin-top: 2em; }
.social a					{ margin-right: 0.2em; }

#freebies-badge			{ position: absolute; top: 30px; left: -14px; }
#freebies-badge img	{ width: 80px; filter: drop-shadow(5px 5px 5px rgba(0,0,0, 0.3)); }

.fb_dialog_content iframe[data-testid="bubble_iframe"]	{ box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px 0px !important; margin: 0px !important; }

@media (max-width: 640px) { 
	.reviews .carousel-inner { padding: 0em 3em 3em 3em; }
	.reviews .card .card-img-top { height: 200px; }
	.carousel-control-prev	{ left: -20px; }
	.carousel-control-next	{ right: -20px; }
}