/* 
 Theme Name:   cpa-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     cpa-accountant
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
.content-area {
    margin: 0 auto;
}

#inner-pages-header {
    display: none;
}

@media screen and (max-width: 1199px) {
    ul.primary-menu {
        margin: 15px 0 0 0;
    }
}

.section {
    padding: 30px 0;
}


.bg-hero {
    background-color: #1C3434;
	border-radius: 14px;
	padding: 2.5pc 2pc 3pc;
}

@media screen and (max-width: 767px) {
    .bg-hero  {
        padding: 1pc 10px 1.5pc 1pc;
    }
}
.bg-dark {
    background-color: #1C3434 !important;
    color: #fff;
}

.bg-hero h1,
.bg-hero p,
.bg-dark h2,
.bg-dark p {
    color: #fff; 
}

.bg-round {
	padding: 20px 30px;
	border-radius: 25px;
}

.service_box {
	background-color: #fff;
	height: 100%;
	padding: 22px 20px 22px 30px;
	border-radius: 25px;
}

.service_box h3 {
	text-align: center;
}

.service_box:hover {
	background-color: #1C3434;
}

.service_box:hover h3,
.service_box:hover p {
	color: #fff;
}

.box {
	background-color: #1C3434;
	border-radius: 24px;
    padding: 20px 30px;
	height: 100%;
}
.box h3 {
	text-align: center;
}
.box h3, 
.box p {
	color: #fff;
}

.box2 { 
	background-color: #D8E8E8;
	border-radius: 24px;
    padding: 20px 30px;
	height: 100%;
}

.box2 h3 {
	text-align: center;
}

.back-to-top:hover::after {
	background-color: #D8E8E8;
}

.back-to-top:hover .back-to-top-text {
	color: #000;
}

.img-box img {
	background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
}

.btn-home {
    position: relative;
    overflow: hidden;
    display: inline-block;
    color: #fff;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
    margin: 0 0px 0 0;
    border: none;
    border-radius: 6px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    color: #1C3434;
    background-color: #D8E8E8;
}

.btn-home:before, .btn-home:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 100%;
    top: 0;
    width: 150%;
    height: 100%;
    background-color: #3ff;
    opacity: 0;
    -webkit-transition: all 0.4sease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.btn-home:hover {
    color: #fff;
}
.btn-home:hover {
    transition: all 0.3s;
}

.btn-home:hover:before {
    -webkit-transform: skew(-30deg) translate3d(70%, 0, 0);
    -moz-transform: skew(-30deg) translate3d(70%, 0, 0);
    -ms-transform: skew(-30deg) translate3d(70%, 0, 0);
    -o-transform: skew(-30deg) translate3d(70%, 0, 0);
    opacity: 1;
}

.btn-home:hover:after {
    -webkit-transform: skew(30deg) translate3d(-70%, 0, 0);
    -moz-transform: skew(30deg) translate3d(-70%, 0, 0);
    -ms-transform: skew(30deg) translate3d(-70%, 0, 0);
    -o-transform: skew(30deg) translate3d(-70%, 0, 0);
    opacity: 1;
}

.btn-home:before, .btn-home:after {
    background-color: #1C3434;
}

.btn-home:before {
    left: auto;
    right: 100%;
}

.logo-mecca {
	background: url('/wp-content/themes/cpa-child/img/mecca.svg');
}

.bg-mecca {
	background-color: #fff;
}

.logo-buzz {
	background: url('/wp-content/themes/cpa-child/img/buzz.svg');
}

.bg-buzz {
	background-color: #e6283f;
}

.logo-gossip {
	background: url('/wp-content/themes/cpa-child/img/gossip.png');
}

.bg-gossip {
	background-color: #fff;
}

.logo-spectra {
	background: url('/wp-content/themes/cpa-child/img/spectra.png');
}

.bg-spectra {
	background-color: #cfe1f8;
}

.logo-90ball {
	background: url('/wp-content/themes/cpa-child/img/90ball.png');
}

.bg-90ball {
	background-color: #fff;
}

.logo-75ball {
	background: url('/wp-content/themes/cpa-child/img/75ball.png');
}

.bg-75ball {
	background-color: #fff;
}

.logo-speed {
	background: url('/wp-content/themes/cpa-child/img/speed.png');
}

.bg-speed {
	background-color: #fff;
}

.logo-paysafecard {
	background: url('/wp-content/themes/cpa-child/img/paysafecard.svg');
}

.bg-paysafecard {
	background-color: #fff;
}
.logo-neosurf {
	background: url('/wp-content/themes/cpa-child/img/neosurf.svg');
}

.bg-neosurf {
	background-color: #fff;
}

.logo-starburst {
	background: url('/wp-content/themes/cpa-child/img/starburst.png');
}

.bg-starburst {
	background-color: #fff;
}

.logo-gonzo {
	background: url('/wp-content/themes/cpa-child/img/gonzo.png');
}

.bg-gonzo {
	background-color: #fff;
}

.logo-book-of-dead {
	background: url('/wp-content/themes/cpa-child/img/book-of-dead.png');
}

.bg-book-of-dead {
	background-color: #fff;
}

[class*="logo-"] {
	display: block;
	text-indent: -9999px;
	text-align: left;
	background-size: 80%;
	background-position: center center !important;
	background-repeat: no-repeat;
}

[class*="brand-"][class*="bg-"] {
	margin: 0 auto;
	padding: 5px;
	border-radius: 4px;
	width: 150px;
	height: 70px;
}

@media (max-width: 768px) {
	h1 {
	  font-size: 2rem;
	}
	h2 {
	  font-size: 1.75rem;
	}
	h3 {
	  font-size: 1.5rem;
	}
}

@media (max-width: 576px) {
	h1 {
	  font-size: 1.75rem;
	}
	h2 {
	  font-size: 1.5rem;
	}
	h3 {
	  font-size: 1.25rem;
	}
  }