/**
Theme Name: lbpb
Author: V-render Studio
Author URI: http://v-render.com
Description: theme created for Long Bay Point Bait and Tackle company
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: lbpb
Template: astra
*/
.p-data {padding: 10px; width: 16%;}
.p-icon span.dashicons {font-size:50px; height: 60px; color:#ddd;}

/* special classes */
.contactgrid-form { display:block;}
.contactgrid-form [class*="col-"] { padding:0 14px}
.row { display:flex; flex-wrap:wrap; flex-direction:row;}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.row { display: flex; max-width: 1440px; margin: 0 auto;}
.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-40 {padding:40px;}
.p-44 {padding:40px 0;}
.p-66 {padding:60px 0;}
.pl-0 {padding-left: 0;}
.pr-0 {padding-right: 0;}
[class*="col-"] { float:left; }

.text-center { text-align: center!important }
.text-left { text-align: left!important }
.text-right { text-align: right!important }
.text-justify { text-align: justify!important }
.fullW { width: 100% }
.h0 { height: 0; overflow: hidden; padding: 0!important; margin: 0!important }
.sp1 { height: 10px; width: 100% }
.sp2 { height: 20px; width: 100% }
.sp3 { height: 30px; width: 100% }
.sp4 { height: 40px; width: 100% }
.sp5 { height: 50px; width: 100% }
.sp8 { height: 80px; width: 100% }
.sp10 { height: 100px; width: 100% }
.m-0 { margin: 0!important }
.mt-100 { margin-top: 100px!important }
.mt-150 { margin-top: 150px!important }
.mr-1 { margin-right: 10px }
.mr-2 { margin-right: 20px }
.mr-3 { margin-right: 30px }
.ml-1 { margin-left: 10px }
.ml-2 { margin-left: 20px }
.ml-3 { margin-left: 30px }
.rotate-45 { transform: rotate(45deg) }
.rotate--45 { transform: rotate(-45deg) }
.rotate-90 { transform: rotate(90deg) }
.rotate-270 { transform: rotate(270deg) }

@media only screen and (max-width: 960px) {
  .p-data {padding: 10px; width: 25%;}
}
 
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
		float:none;
  }
  .p-data {padding: 10px;} 
}

.bullets ul { margin: 0 0 0 10px; }
.bullets li{ font-size:14px; display:block; border-bottom:#ddd solid 1px; margin-bottom: 5px; padding: 0 0 6px 10px; text-transform: capitalize; }
.full-bg { position:absolute; width:100vw; height:100vh; }
.of-h { overflow:hidden!important;}
.p-icon img {max-width: 64px!important; display: block; margin-bottom: 20px;}

.lite-blue { background-color:#3198bb;}
.dark-blue { background-color:#012c59;}
.fish-grey { background-color:#ECEDCF;}
.fishDP:hover img {transform: scale(1.1); transition: all 1s ease-in-out; }
.f-title {font-size: 2.5rem; line-height: 2.2rem; letter-spacing: -1px;}
.wave-blue,
.wave-deep-blue,
.wave-fish-grey,
.wave-reverse,
.wave-reverse-fish-grey,
.wave-reverse-blue, 
.wave-reverse-deep-blue,
.wave-white {background-repeat:repeat-x;background-position-y: -1px;}
.wave-white {background-image: url(images/wave-white.svg);}
.wave-blue { background-image: url(images/wave-blue.svg);}
.wave-deep-blue { background-image: url(images/wave-deep-blue.svg);}
.wave-fish-grey { background-image: url(images/wave-fish-grey.svg);}
.wave-reverse { background-image: url(images/wave-reverse.svg);}
.wave-reverse-blue { background-image: url(images/wave-reverse-blue.svg);}
.wave-reverse-deep-blue { background-image: url(images/wave-reverse-deep-blue.svg);}
.wave-reverse-fish-grey { background-image: url(images/wave-reverse-fish-grey.svg);}
.wave-white { background-image: url(images/wave-white.svg);}


.card {border:#3334 solid 1px; padding:20px; margin:10px; border-radius:5px; box-shadow:#3334 1px 1px 13px; font-size:90%;}
.card-grid { display:flex; flex-wrap:wrap; justify-content:space-between;}

.floating {animation: floating 3s linear infinite;}
.ad-2 {animation-duration: 2s;}
.ad-3 { animation-duration: 3s;}
.ad-4 { animation-duration: 4s;}
@keyframes floating{
	0%{
		transform: rotate(0);
	}

	50%{
		transform: rotate(-3deg);
	}

	100%{
		transform: rotate(0);
	}
}
.waves {
	-webkit-animation: bg-slide-right 3s ease-in-out infinite alternate-reverse both;
	        animation: bg-slide-right 3s ease-in-out infinite alternate-reverse both;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}
@keyframes bg-slide-right {
  0% {
    background-position-x:0
  }
  100% {
    background-position-x: 50px
  }
}