/*
Theme Name: FFrom
Requires at least: WordPress 7.0+
Version: 1.0
Last Update: 2024-1230 0000p
Author: PaulGagu
Text Domain: free
*/


:root{ 
--blue   :  #6baec2;   
--blue5  :  #0070D6;   
--pink   :  #ffd1d7;   
--orange :  #ff6200;   
--yellow :  #fcf100;   
--green  :  #00a669;   
--purple :  #cc97ff;   
--burgundy: #AA1D47;  
--gifted:   #E86F85; 
--white  :  #ffffff;   
--offwhite: #f4eee2;   
--medium :  #D9D9D9;   
--black  :  #000000;   
--gs-red :  #E22B12; 	
--gs-green: #005c58; 	
--gs-lilac: #dd68ec; 	
--gs-brown: #c46b41; 	
	
--site-width : 1920px;
--site-padx  : 4% ;
--mobi-padx  : 8% ;

}


html { margin: 0; padding: 0; position: relative; scroll-behavior: smooth; scroll-padding-top: 120px; background-color: white; }

body{  margin: 0 auto !important; padding: 0;  max-width: var(--site-width); position: relative; background-color: var(--white); border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; }

main  { min-height: 80vh; position: relative; }


.content    { width:100%; margin:0 auto; padding:0 var(--site-padx); position:relative;  }
.full-site  { width:100%; margin:0 auto; padding:0; position:relative; }

.pad-site   { padding-left:  var(--site-padx); padding-right: var(--site-padx); }
.pad-lsite  { padding-left:  var(--site-padx); }
.pad-rsite  { padding-right: var(--site-padx); }

@media ( max-width: 600px ){
	
	.content    { padding:0 var(--mobi-padx); }
	.pad-site   { padding-left:  var(--mobi-padx); padding-right: var(--mobi-padx); }
	.pad-lsite  { padding-left:  var(--mobi-padx); }
	.pad-rsite  { padding-right: var(--mobi-padx); }
	
}	

.skip-link { background: black; color:white; height: 30px; left: 50%; padding: 8px;  position: absolute;  
	         transform: translateY(-120px); transition: transform 0.3s; z-index: 9999; }
.skip-link:focus { transform: translateY(0px); }

.mango,
.mangogrotesque { font-family: "MangoGrotesque", sans-serif;  }
.jost   { font-family: "Jost",  sans-serif;   font-optical-sizing: auto; }
.source { font-family: "Source Serif 4", serif;   font-optical-sizing: auto; }


/*    - - typography - -    */


html{ font-size: 10px; }
body{ font-family: "Jost", sans-serif; font-size:18px; font-weight:400;  line-height: 24px;  }

h1, .font-h1,
h2, .font-h2, 
h3, .font-h3,
h4, .font-h4, 
h5, .font-h5, 
h6, .font-h6  { font-family: 'MangoGrotesque', sans-serif; font-weight: 800; margin:0 0 12px;  letter-spacing: 1px; }

h1, .font-h1 { font-size: 96px; line-height: 96px;  }
h2, .font-h2 { font-size: 70px; line-height: 70px;  }
h3, .font-h3 { font-size: 56px; line-height: 56px;  }
h4, .font-h4 { font-size: 48px; line-height: 48px;  }
h5, .font-h5 { font-size: 32px; line-height: 32px; font-weight: 700; }
h6, .font-h6 { font-size: 18px; line-height: 24px; font-weight: 700; }

p, 
ul, ol, 
li { font-family: 'Jost', sans-serif; font-size:18px; font-weight:400; margin:0 0 12px; -webkit-font-smoothing: antialiased; }
ol, ul { padding-left: 20px; }

p:last-child { margin-bottom: 0; }
li:last-child { margin-bottom: 0; }


@media all and (min-width:601px) and (max-width:980px){
	
	body{ font-size: 18px; line-height: 24px; }
	h1, .font-h1 { font-size: 96px; line-height: 96px;  }
	h2, .font-h2 { font-size: 70px; line-height: 70px;  }
	h3, .font-h3 { font-size: 56px; line-height: 56px;  }
	h4, .font-h4 { font-size: 48px; line-height: 48px;  }
	h5, .font-h5 { font-size: 32px; line-height: 32px;  }
	h6, .font-h6 { font-size: 18px; line-height: 24px;  }
	p, ul, ol, li { font-size:18px;  }

}

@media all and ( max-width: 600px ) {
	
	body{ font-size: 16px; line-height: 24px; }
	h1, .font-h1 { font-size: 70px; line-height: 78px;  }
	h2, .font-h2 { font-size: 50px; line-height: 52px;  }
	h3, .font-h3 { font-size: 40px; line-height: 40px;  }
	h4, .font-h4 { font-size: 32px; line-height: 32px;  }
	h5, .font-h5 { font-size: 24px; line-height: 24px;  }
	h6, .font-h6 { font-size: 16px; line-height: 20px;  }
	.font-h0 { font-size: 60px; line-height: 60px;  }

}



/*    - - color & backgrounds - -    */

a{ color:var(--orange); }
a:hover{ color:var(--blue); }

a.clean-link,
.clean-link { text-decoration: none; }

.has-clean-links a{ text-decoration: none; }


/* _______________________________ BUILD ____________________________________ */



/* - - - -  has-links - - - - */

.has-links-blue   a  { color:var(--blue);   } 
.has-links-blue5  a  { color:var(--blue5);   } 
.has-links-pink   a  { color:var(--pink);   } 
.has-links-orange a  { color:var(--orange);   } 
.has-links-yellow a  { color:var(--yellow);   } 
.has-links-green  a  { color:var(--green);   } 
.has-links-purple a  { color:var(--purple);   } 
.has-links-burgundy a  { color:var(--burgundy);   } 
.has-links-white  a  { color:var(--white);   } 
.has-links-offwhite a  { color:var(--offwhite);   } 
.has-links-medium a  { color:var(--medium);   } 
.has-links-black  a  { color:var(--black);   } 

.has-links-hover-blue   a:hover  { color:var(--blue);   } 
.has-links-hover-blue5  a:hover  { color:var(--blue5);   } 
.has-links-hover-pink   a:hover  { color:var(--pink);   } 
.has-links-hover-orange a:hover  { color:var(--orange);   } 
.has-links-hover-yellow a:hover  { color:var(--yellow);   } 
.has-links-hover-green  a:hover  { color:var(--green);   } 
.has-links-hover-purple a:hover  { color:var(--purple);   } 
.has-links-hover-burgundy a:hover  { color:var(--burgundy);   } 
.has-links-hover-white  a:hover  { color:var(--white);   } 
.has-links-hover-offwhite a:hover  { color:var(--offwhite);   } 
.has-links-hover-medium a:hover  { color:var(--medium);   } 
.has-links-hover-black  a:hover  { color:var(--black);   } 



/* ----- button colors ------  */

.gb-button{ cursor: pointer !important; }

.gb-button-blue, 
.gb-button-blue5, 
.gb-button-pink, 
.gb-button-orange, 
.gb-button-yellow, 
.gb-button-green, 
.gb-button-purple, 
.gb-button-burgundy, 
.gb-button-white, 
.gb-button-offwhite, 
.gb-button-medium, 
.gb-button-black, 
	
.btn,
.btn-blue, 
.btn-blue5, 
.btn-pink, 
.btn-orange, 
.btn-yellow, 
.btn-green, 
.btn-purple, 
.btn-burgundy, 
.btn-white, 
.btn-offwhite, 
.btn-medium, 
.btn-black

            { display:inline-flex !important; line-height: 24px; padding:12px 24px; cursor: pointer; border:0; border-radius:999px; cursor: pointer;
			  font-family: 'Jost', sans-serif; font-size:18px; font-weight: bold; text-transform: uppercase; text-decoration:none !important;
			  transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s opacity ease-in-out; }
			 

.gb-button-blue:hover, 
.gb-button-blue5:hover, 
.gb-button-pink:hover, 
.gb-button-orange:hover, 
.gb-button-yellow:hover, 
.gb-button-green:hover, 
.gb-button-purple:hover, 
.gb-button-burgundy:hover, 
.gb-button-white:hover, 
.gb-button-offwhite:hover, 
.gb-button-medium:hover, 
.gb-button-black:hover, 
		
.btn:hover,
.btn-blue:hover, 
.btn-blue5:hover, 
.btn-pink:hover, 
.btn-orange:hover, 
.btn-yellow:hover, 
.btn-green:hover, 
.btn-purple:hover, 
.btn-burgundy:hover, 
.btn-white:hover, 
.btn-offwhite:hover, 
.btn-medium:hover, 
.btn-black:hover
	
            { transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s opacity ease-in-out; }


.btn		                      { color:var(--white); background-color:var(--orange);    }
.gb-button-blue,     .btn-blue    { color:var(--white); background-color:var(--blue);  } 
.gb-button-blue5,    .btn-blue5   { color:var(--white); background-color:var(--blue5);  } 
.gb-button-pink,     .btn-pink    { color:var(--black); background-color:var(--pink);  } 
.gb-button-orange,   .btn-orange  { color:var(--white); background-color:var(--orange);  } 
.gb-button-yellow,   .btn-yellow  { color:var(--black); background-color:var(--yellow);  } 
.gb-button-green,    .btn-green   { color:var(--white); background-color:var(--green);  } 
.gb-button-purple,   .btn-purple  { color:var(--white); background-color:var(--purple);  } 
.gb-button-burgundy, .btn-burgundy{ color:var(--white); background-color:var(--burgundy);  } 
.gb-button-white,    .btn-white   { color:var(--black); background-color:var(--white);  } 
.gb-button-offwhite, .btn-offwhite{ color:var(--black); background-color:var(--offwhite);  } 
.gb-button-medium,   .btn-medium  { color:var(--black); background-color:var(--medium);  } 
.gb-button-black,    .btn-black   { color:var(--white); background-color:var(--black);  } 
		

.btn:hover			                     	 { color:var(--white); background-color:var(--orange); }
		

.btn-arrow:after{ content:'\ea6c'; display:inline; font-family: 'remixicon' !important;  margin-left:6px;  }	
.btn-arrow:after{ font-size:0; transition:font-size 0.5s; }
.btn-arrow:hover:after{ font-size:130%; transition:font-size 0.5s; }
		


@media all and ( max-width: 600px ) {

}

/* ----- color & backgrounds -----  */


.has-blue-color,     .color-blue,   .blue    { color:var(--blue);  } 
.has-blue5-color,    .color-blue5,  .blue5   { color:var(--blue5);  } 
.has-pink-color,     .color-pink,   .pink    { color:var(--pink);  } 
.has-orange-color,   .color-orange, .orange  { color:var(--orange);  } 
.has-yellow-color,   .color-yellow, .yellow  { color:var(--yellow);  } 
.has-green-color,    .color-green,  .green   { color:var(--green);  } 
.has-purple-color,   .color-purple, .purple  { color:var(--purple);  } 
.has-burgundy-color, .color-burgundy, .burgundy { color:var(--burgundy);  } 
.has-white-color,    .color-white,  .white { color:var(--white);  } 
.has-offwhite-color, .color-offwhite, .offwhite { color:var(--offwhite);  } 
.has-medium-color,   .color-medium, .medium  { color:var(--medium);  } 
.has-black-color,    .color-black,  .black   { color:var(--black);  } 
.has-gs-red-color,   .color-gs-red, .gs-red  { color:var(--gs-red); }		
.has-gs-lilac-color,   .color-gs-lilac, .gs-lilac  { color:var(--gs-lilac); }		
.has-gs-green-color,   .color-gs-green, .gs-green  { color:var(--gs-green); }		
.has-gs-brown-color,   .color-gs-brown, .gs-brown  { color:var(--gs-brown); }		

.has-blue-background-color,     .bg-blue    { background-color:var(--blue);  } 
.has-blue5-background-color,    .bg-blue5   { background-color:var(--blue5);  } 
.has-pink-background-color,     .bg-pink    { background-color:var(--pink);  } 
.has-orange-background-color,   .bg-orange  { background-color:var(--orange);  } 
.has-yellow-background-color,   .bg-yellow  { background-color:var(--yellow);  } 
.has-green-background-color,    .bg-green   { background-color:var(--green);  } 
.has-purple-background-color,   .bg-purple  { background-color:var(--purple);  } 
.has-burgundy-background-color, .bg-burgundy{ background-color:var(--burgundy);  } 
.has-white-background-color,    .bg-white   { background-color:var(--white);  } 
.has-offwhite-background-color, .bg-offwhite{ background-color:var(--offwhite);  } 
.has-medium-background-color,   .bg-medium  { background-color:var(--medium);  } 
.has-black-background-color,    .bg-black   { background-color:var(--black);  } 
		
.has-gs-red-background-color,     .bg-gs-red   { background-color:var(--gs-red);  } 
.has-gs-green-background-color,   .bg-gs-green { background-color:var(--gs-green);  } 
.has-gs-lilac-background-color,   .bg-gs-lilac { background-color:var(--gs-lilac);  } 
.has-gs-brown-background-color,   .bg-gs-brown { background-color:var(--gs-brown);  } 


.hover-blue:hover     { color:var(--blue);  } 
.hover-blue5:hover    { color:var(--blue5);  } 
.hover-pink:hover     { color:var(--pink);  } 
.hover-orange:hover   { color:var(--orange);  } 
.hover-yellow:hover   { color:var(--yellow);  } 
.hover-green:hover    { color:var(--green);  } 
.hover-purple:hover   { color:var(--purple);  } 
.hover-burgundy:hover { color:var(--burgundy);  } 
.hover-white:hover    { color:var(--white);  } 
.hover-offwhite:hover { color:var(--offwhite);  } 
.hover-medium:hover   { color:var(--medium);  } 
.hover-black:hover    { color:var(--black);  } 
	

.hover-bg-blue:hover   { background-color:var(--blue);  } 
.hover-bg-blue5:hover  { background-color:var(--blue5);  } 
.hover-bg-pink:hover   { background-color:var(--pink);  } 
.hover-bg-orange:hover { background-color:var(--orange);  } 
.hover-bg-yellow:hover { background-color:var(--yellow);  } 
.hover-bg-green:hover  { background-color:var(--green);  } 
.hover-bg-purple:hover { background-color:var(--purple);  } 
.hover-bg-burgundy:hover { background-color:var(--burgundy);  } 
.hover-bg-white:hover  { background-color:var(--white);  } 
.hover-bg-offwhite:hover { background-color:var(--offwhite);  } 
.hover-bg-medium:hover { background-color:var(--medium);  } 
.hover-bg-black:hover  { background-color:var(--black);  } 
	




/* - - - -  border-colors - - - - */

.border-blue    { border-color:var(--blue);  border-style:solid; } 
.border-blue5   { border-color:var(--blue5); border-style:solid; } 
.border-pink    { border-color:var(--pink);  border-style:solid; } 
.border-orange  { border-color:var(--orange); border-style:solid; } 
.border-yellow  { border-color:var(--yellow); border-style:solid; } 
.border-green   { border-color:var(--green); border-style:solid; } 
.border-purple  { border-color:var(--purple); border-style:solid; } 
.border-burgundy{ border-color:var(--burgundy); border-style:solid; } 
.border-white   { border-color:var(--white); border-style:solid; } 
.border-offwhite{ border-color:var(--offwhite); border-style:solid; } 
.border-medium  { border-color:var(--medium); border-style:solid; } 
.border-black   { border-color:var(--black); border-style:solid; } 
	




/* _______________________________ eof:BUILD ____________________________________ */


/* - - - -  is-style classes for gutenberg blocks - - - - */

/* core/paragraph */

.is-style-margin-0 { margin:0; }




/* - - - -  special theme classes - - - - */


.columns-1{ column-count:1; }
.columns-2{ column-count:2; }
.columns-3{ column-count:3; }
.columns-4{ column-count:4; }

.col-gap-0  { column-gap:  0px; }
.col-gap-10 { column-gap: 10px; }
.col-gap-20 { column-gap: 20px; }
.col-gap-30 { column-gap: 30px; }
.col-gap-40 { column-gap: 40px; }
.col-gap-50 { column-gap: 50px; }
.col-gap-60 { column-gap: 60px; }

@media only screen and ( max-width: 1024px ) {
.tablet-columns-1{ column-count:1; }
.tablet-columns-2{ column-count:2; }
.tablet-columns-3{ column-count:3; }
.tablet-columns-4{ column-count:4; }
.tablet-col-gap-0  { column-gap:  0px; }
.tablet-col-gap-10 { column-gap: 10px; }
.tablet-col-gap-20 { column-gap: 20px; }
.tablet-col-gap-30 { column-gap: 30px; }
.tablet-col-gap-40 { column-gap: 40px; }
.tablet-col-gap-50 { column-gap: 50px; }
.tablet-col-gap-60 { column-gap: 60px; }
}

@media only screen and ( max-width: 600px ) {
.mobi-columns-1{ column-count:1; }
.mobi-columns-2{ column-count:2; }
.mobi-columns-3{ column-count:3; }
.mobi-columns-4{ column-count:4; }
.mobi-col-gap-0  { column-gap:  0px; }
.mobi-col-gap-10 { column-gap: 10px; }
.mobi-col-gap-20 { column-gap: 20px; }
.mobi-col-gap-30 { column-gap: 30px; }
.mobi-col-gap-40 { column-gap: 40px; }
.mobi-col-gap-50 { column-gap: 50px; }
.mobi-col-gap-60 { column-gap: 60px; }
}




@media all and ( max-width: 600px ) {

}


/* - - shapes - - */

.curve-bottom { clip-path: ellipse(100% 100% at 50% top); }
.curve-top    { clip-path: ellipse(100% 100% at 50% bottom); }
.curve-left   { clip-path: ellipse(100% 100% at right 50%); }
.curve-right  { clip-path: ellipse(100% 100% at left 50%); }

.curve-b20  { clip-path: ellipse(120% 100% at 50% top); }
.curve-t20  { clip-path: ellipse(120% 100% at 50% bottom); }
.curve-l20  { clip-path: ellipse(100% 120% at right 50%); }
.curve-r20  { clip-path: ellipse(100% 120% at left 50%); }

.curve-b40  { clip-path: ellipse(140% 100% at 50% top); }
.curve-t40  { clip-path: ellipse(140% 100% at 50% bottom); }
.curve-l40  { clip-path: ellipse(100% 140% at right 50%); }
.curve-r40  { clip-path: ellipse(100% 140% at left 50%); }

.curve-b60  { clip-path: ellipse(160% 100% at 50% top); }
.curve-t60  { clip-path: ellipse(160% 100% at 50% bottom); }
.curve-l60  { clip-path: ellipse(100% 160% at right 50%); }
.curve-r60  { clip-path: ellipse(100% 160% at left 50%); }

.curve-b80  { clip-path: ellipse(180% 100% at 50% top); }
.curve-t80  { clip-path: ellipse(180% 100% at 50% bottom); }
.curve-l80  { clip-path: ellipse(100% 180% at right 50%); }
.curve-r80  { clip-path: ellipse(100% 180% at left 50%); }


.curve2-bottom { clip-path: ellipse(140% 100% at 50% top); }
.curve2-top    { clip-path: ellipse(140% 100% at 50% bottom); }
.curve2-left   { clip-path: ellipse(100% 140% at right 50%); }
.curve2-right  { clip-path: ellipse(100% 140% at left 50%); }


@media all and ( max-width: 600px ) {

.mobi-curve-bottom { clip-path: ellipse(100% 100% at 50% top); }
.mobi-curve-top    { clip-path: ellipse(100% 100% at 50% bottom); }
.mobi-curve-left   { clip-path: ellipse(100% 100% at right 50%); }
.mobi-curve-right  { clip-path: ellipse(100% 100% at left 50%); }

.mobi-curve-b20  { clip-path: ellipse(120% 100% at 50% top); }
.mobi-curve-t20  { clip-path: ellipse(120% 100% at 50% bottom); }
.mobi-curve-l20  { clip-path: ellipse(100% 120% at right 50%); }
.mobi-curve-r20  { clip-path: ellipse(100% 120% at left 50%); }

.mobi-curve-b40  { clip-path: ellipse(140% 100% at 50% top); }
.mobi-curve-t40  { clip-path: ellipse(140% 100% at 50% bottom); }
.mobi-curve-l40  { clip-path: ellipse(100% 140% at right 50%); }
.mobi-curve-r40  { clip-path: ellipse(100% 140% at left 50%); }

.mobi-curve-b60  { clip-path: ellipse(160% 100% at 50% top); }
.mobi-curve-t60  { clip-path: ellipse(160% 100% at 50% bottom); }
.mobi-curve-l60  { clip-path: ellipse(100% 160% at right 50%); }
.mobi-curve-r60  { clip-path: ellipse(100% 160% at left 50%); }

.mobi-curve-b80  { clip-path: ellipse(180% 100% at 50% top); }
.mobi-curve-t80  { clip-path: ellipse(180% 100% at 50% bottom); }
.mobi-curve-l80  { clip-path: ellipse(100% 180% at right 50%); }
.mobi-curve-r80  { clip-path: ellipse(100% 180% at left 50%); }

}


.video-play{ position: relative; display:inline-block;  }
.video-play:after{ content:'';  position:absolute; top:calc(50% - 40px); left:calc(50% - 40px);  width:80px; height:80px; display:inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 22v-20l18 10-18 10z' fill='%23FFFF00' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover;
}
.video-play:hover:after{  opacity: 0.9; }

.iframe-box,
.video-box,
[data-iframe],
[data-video] { cursor: pointer; }


.padding-16 { padding: 16px; }
.padding-24 { padding: 24px; }
.padding-32 { padding: 32px; }

.border-radius-4 { border-radius: 4px; }
.border-radius-8 { border-radius: 8px; }

.width-48\% { width:48%; }



/* ----  forms  ---- */

:root{ 

}

.FF-form label { display:block; margin:0; padding:0; line-height: 30px; font-size:14px; }

.search-form input[type="text"],
.FF-form select,
.FF-form textarea,
.FF-form input[type="text"],
.FF-form input[type="password"],
.FF-form input[type="email"] { display:block; border:1px solid var(--blue); border-radius:4px; width:100%; height:40px; margin:0; padding:0 5px; background:white; }
.FF-form textarea            { height:120px; padding:8px 5px; line-height: 24px; font-size:14px; font-family: "Jost"; }

.FF-form select              { }
.FF-form option  { line-height: 24px; font-size:14px; font-family: "Jost"; } 

.FF-form input[type="submit"]{  }

.FF-form input[type="submit"]:hover { }
					
.search-form::placeholder,						     
.FF-form::placeholder { font-family:14px; color:var(--iceberg); font-family: "Jost";  }


@media all and ( max-width: 600px ) {

}



/*--------------------------------------------------------------
#  lity lightbox 
--------------------------------------------------------------*/
	
.lity-close, .lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited { background: var(--red); }



/*--------------------------------------------------------------
# generate blocks styles
--------------------------------------------------------------*/


.gb-container { position: relative; }
figure{ margin:0 !important; width:100%; height: auto; }


/*--------------------------------------------------------------
# slick slier
--------------------------------------------------------------*/

.wp-block-cb-carousel .slick-dots li { margin:0;}
.wp-block-cb-carousel .slick-dots li button:before {  border-radius: 27px 20px 0px 0px}
.wp-block-cb-carousel .slick-dots li button:before { font-size:50px; opacity:0.2; color:var(--black); }
.wp-block-cb-carousel .slick-dots li.slick-active button:before { opacity:1; color:var(--orange); }
.wp-block-cb-carousel .slick-dots li button:not(:hover):not(:active) { }
.wp-block-cb-carousel .slick-dots li button:before { font-size:12px; }

 
.wp-block-cb-carousel .slick-next, 
.wp-block-cb-carousel .slick-prev{ width:30px; height:30px; font-size:0; background-repeat: no-repeat !important; background-size: contain !important; color:black; }
.wp-block-cb-carousel .slick-next{ background-image:url(/wp-content/themes/ffrom/assets/svgs/icon-arrow.svg); }
.wp-block-cb-carousel .slick-prev{ background-image:url(/wp-content/themes/ffrom/assets/svgs/icon-arrow.svg); transform: scaleX(-1); }

.wp-block-cb-carousel .slick-next:before,
.wp-block-cb-carousel .slick-prev:before{ content:''; font-size:0;  }

.wp-block-cb-carousel .slick-next:not(:hover):not(:active),
.wp-block-cb-carousel .slick-prev:not(:hover):not(:active){ background-color: transparent; }

.wp-block-cb-carousel .slick-next:focus, 
.wp-block-cb-carousel .slick-next:hover, 
.wp-block-cb-carousel .slick-prev:focus, 
.wp-block-cb-carousel .slick-prev:hover { color:transparent; background-image:url(/wp-content/themes/ffrom/assets/svgs/icon-arrow.svg); }

.wp-block-cb-carousel .slick-next:hover:not(:active),
.wp-block-cb-carousel .slick-prev:hover:not(:active){ }

.wp-block-cb-carousel .slick-prev{ left:-80px !important; z-index:30; }
.wp-block-cb-carousel .slick-next{ right:-80px !important; z-index:30; }


@media all and ( max-width: 600px ) {
	.wp-block-cb-carousel .slick-prev{ left:-40px !important;  }
	.wp-block-cb-carousel .slick-next{ right:-40px !important; }
    .mobi-no-arrows .slick-prev,
    .mobi-no-arrows .slick-next{ display:none !important; }
    .mobi-no-dots   .slick-dots{ display:none !important; }
}


/*--------------------------------------------------------------
# plugin forms
--------------------------------------------------------------*/

.right-arrow{ padding-right:40px; position:relative; }
.right-arrow:before{ content:"\276F"; position:absolute; right:0; background-repeat: no-repeat;  top:0; width:28px; height:28px;  display:inline-block;  border-radius:50%; z-index: 30; border:1px solid currentColor; background: #d4d4d4; text-align: center; font-size: 18px; line-height: 26px; }