/**

Theme Name: Octopaye

Author: MHDigital

Author URI: https://mhdigital.co.uk/

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: octopaye

Template: astra

*/



/* Arrows */
 .slick-prev, .slick-next {
	 position: absolute;
	 display: block;
		width:40px;
	 line-height: 0px;
	 font-size: 0px;
	 cursor: pointer;
	 background: transparent;
	 color: transparent;
	 top: 50%;
	 -webkit-transform: translate(0, -50%);
	 -ms-transform: translate(0, -50%);
	 transform: translate(0, -50%);
	 padding: 0;
	 border: none;
	 outline: none;
}
 
 .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
	 opacity: 1;
}
 .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	 opacity: 0.25;
}
 .slick-prev:before, .slick-next:before {
	 font-family: "slick";
	 font-size: 20px;
	 line-height: 1;
	 color: white;
	 opacity: 0.75;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 .slick-prev {
	 left: -25px;
}
 [dir="rtl"] .slick-prev {
	 left: auto;
	 right: -25px;
}
 .slick-prev:before {
	 content: "\003C";
}
 [dir="rtl"] .slick-prev:before {
	 content: "\003C";
}
 .slick-next {
	 right: -25px;
}
 [dir="rtl"] .slick-next {
	 left: -25px;
	 right: auto;
}
 .slick-next:before {
	 content: "\003E";
}
 [dir="rtl"] .slick-next:before {
	 content: "\003E";
}
/* Dots */
 .slick-dotted.slick-slider {
	 margin-bottom: 30px;
}
 .slick-dots {
	 position: absolute;
	 bottom: -55px;
	 list-style: none;
	 display: block;
	 text-align: center;
	 padding: 0;
	 margin: 0;
	 width: 100%;
}
 .slick-dots li {
	 position: relative;
	 display: inline-block;
	 height: 20px;
	 width: 20px;
	 margin: 0 5px;
	 padding: 0;
	 cursor: pointer;
}
 .slick-dots li button {
	 border: 0;
	 background: transparent;
	 display: block;
	 height: 20px;
	 width: 20px;
	 outline: none;
	 line-height: 0px;
	 font-size: 0px;
	 color: transparent;
	 padding: 5px;
	 cursor: pointer;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
	 outline: none;
}
 .slick-dots li button:hover:before, .slick-dots li button:focus:before {
	 opacity: 1;
}
 .slick-dots li button:before {
	 osition: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    /* border: solid 1px; */
    font-size: 60px;
    line-height: 20px;
    text-align: center;
    color: #fff;
	 opacity: 0.25;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 .slick-dots li.slick-active button:before {
	 color: #fff;
	 opacity: 1;
}

.password_form{
	display:flex;
	justify-content:center;
}

.show_password{
	font-size:16px;
}

.entry-content p{
	margin:10px
}

.intro{
	padding:0% 20%;
}

.entry-header{
	display:none;
}

.header-icon .white-banner:before{
  content: "";
  position: absolute;
  width: 280px;
  height: 150px;
 		z-index:-1;
  transition: all 1s;
  top: 0px;
  left: -300px;
	background-color: #3533A7;
}
.header-icon .white-banner{
	 transform: translate(0%, 0%);
overflow:hidden;

  transition: all 1s;
}

.oct-test-img{
	width:100px;
}



.header-icon:hover .white-banner:before{
	left: 0%;
}

.header-icon:hover .white-banner a{
		color:#fff !important;
}

.post-password-required{
	padding:10% 10% !important;
	font-family:Poppins !important;
    background:url('https://octopaye.com/wp-content/uploads/2022/02/background-private-page-01-scaled.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.container{
	color:#fff;
	font-size:22px;
	flex:50%;
}



.password-section{
	display:flex;
	align-items:center;
}

.ollie-image{
	text-align:center;
}

.ollie-image img{
	width:400px;
}

#pwbox-913{
	border-radius:20px;
}

.button-primary{
	padding:15px 20px !important;
		margin-left:10px;
	background-color:#00AEAE !important;
}

.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a){
	text-decoration:none !important;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover{
	background-color:transparent !important;
}

#topbutton {
    position: fixed;
    display: none;
    height: 50px;
    width: 50px;
    line-height: 50px;
    left: 0px;
    bottom: 0px;
		background: rgb	(53, 51, 167);
    background: rgb(53, 51, 167,0.7);
    border-radius: 0px;
    text-decoration: none;
    color: #fff;
    text-align: center;
		z-index:99999;
}

#topbutton:after {
    content: " \2191";
		font-size:25px;
		top:0px !important;
	
}

.elementor-button {
  transform: translate(0%, 0%);
  overflow: hidden;
  transition: all 1s;
}
  
.elementor-button:before {
  content: "";
  position: absolute;
  width: 480px;
  height: 450px;
  border-radius: 220px !important;
  top: -20px;
  left: 50%;
	z-index:-1;
  transform: translate(-50%);
  animation: wave 8s infinite linear;
  transition: all 1s;
}
  
.green .elementor-button:before{
	  background-color: #00AEAE;
}

.blue .elementor-button:before{
	  background-color: #3533A7;
}

.green .elementor-button:hover{
	  background-color: #3533A7;
}

  
.elementor-button:hover:before {
  top: 20px;
}
  
@keyframes wave {
  0% {
               transform: translate(-50%) rotate(-180deg);
      
  }
    
   
  100% {
            transform: translate(-50%) rotate(360deg);
  }
}

.ollie-list .elementor-icon-list-item{
	align-items:start !important;
}

footer h3{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.footer-widget-area .widget{
	margin-bottom:20px
}

.header-icons{
	display:flex;
}

.ollie-gif img{
	width:700px;
}

.header-icon{
	margin-left:40px;
	display:flex;
	align-items:center; 
}

.header-icon i{
	background-color:#00AEAE;
	color:#fff;
	padding:15px;
	border-radius:50px;
	z-index:1;
	font-size:20px
}

.white-banner{
	background-color:#fff;
	padding:5px 20px 5px 50px;
	margin-left:-40px;
	border-radius:50px;
}

.white-banner a{
	color:#000 !important;
}

.footer-carousel img{
	-webkit-filter: grayscale(1) invert(1);
filter: grayscale(1) invert(1);
}

footer, footer a {
	color:#fff !important;
}

@media only screen and (max-width:797px){
	
	.ollie-image{
			padding-top:60px !important;
	}
	
	.intro{
		font-size:18px;
	
		padding:0% 0%;
	}
	
	.password-section{
		display:block;
	}
	
	
	.password_form{
	display:block;
}
	
	.test-item{

	padding:20px !important;
	padding-bottom:50px !important;
	position:relative;
	font-size:16px !important;
	margin:0px !important;
	margin-bottom:50px !important;
}
	
	.slick-arrow{
		display:none !important;
	}
	
.testimonials-page .test-item{
	background-color:transparent!important;
}
	.testimonials-page .test-item{
	color:#fff !important;
		box-shadow:none !important;
		margin-top:80px !important
}
	.speechmarks img{
		width:50px !important;
	}
	
	.testimonials-page .oct-test{
	top:-120px !important;
		background-color:#fff;
		border-radius:50px;
		
}
	
	.testimonials-page .oct-test img{
		padding:10px;
	}
}

.test-item{
	border-radius:25px;
	padding:40px;
	color:#fff;
	text-align:center;
	min-height:380px !important;
	display:flex !important;
	align-items:center;
	margin-bottom:50px;
	position:relative;
	font-size:20px;
	margin-left:20px;
	margin-right:20px;
}


.testimonials-green .test-item{
	background-color:#00AEAE !important;
}


.testimonials-page .test-item{
	background-color:#fff;
}

.testimonials-page .test-item{
	color:#000;
	box-shadow: 3px 3px 4px 0px rgb(0 0 0 / 20%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.slick-prev, .slick-next{
	padding:10px !important;
}

.slick-list{
margin:20px;
}

.testimonials-green .oct-test{
	position:absolute;
	bottom:0px;
	left: 50%;
  transform: translate(-50%,50%);
}

.testimonials-green .speechmarks{
	display:none !important;
}

.testimonials-green .slick-dots{
	display:none !important;
}

.testimonials-page .oct-test{
	position:absolute;
	top:-40px;
	left: 50%;
  transform: translate(-50%,50%);
}



.testimonials-page .slick-prev, .testimonials-page .slick-next{
	background-color:transparent;	
}

.testimonials-page .slick-prev:before, .testimonials-page .slick-next:before{
	font-size:40px
}

.speechmarks.bottom{
	text-align:right;
	width:100%;
}

.speechmarks img{
	width:60px
}

.speechmarks.bottom img{
	margin-left:auto;
}