/*
Theme Name: ForestJump
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.homeslider .flickity-page-dots .dot {
		border:1px solid #fff;
}
.homeslider .flickity-page-dots .is-selected {
		background: #ffa900!important;
		border-color: #ffa900!important;
}
.homeabout {
		padding: 80px 0 20px 0;
}
.homeabout .title {
		color: #ffa900;
		text-transform:uppercase;
		font-weight:bold!important;
}
.homeabout .button {
		border-radius:3px;
		color: #03275a;
		text-transform:uppercase;
}
.homeabout .button:hover {
		background: #03275a;
		color: #ffa900;
}
.homevalues {
		padding: 80px 0;
}
.homevalues h2.title {
		text-transform:uppercase;
		color: #ffa900;
}
.value-content {
		background: #0d4da1;
		text-align:justify!important;
}
.value-1, .value-5 {
		background: #ffa900;
		text-shadow: none!important;
}
.value-2 {
		background: #00214d;
}
.value-4 {
		border:1px solid #ffa900;
}
.title1 {
		font-size:28px;
		display:block!important;
		margin-bottom:0!important;
}
.title2 {
		font-size:20px;
		margin-bottom:15px!important;
		display:block;
}
.value-1 p, .value-2 p, .value-3 p, .value-4 p, .value-5 p {
		margin-bottom:-5px;
		margin-top:0;
}
.value-3 .title1, .value-3 .title2, .value-4 .title1, .value-4 .title2 {
		color: #00214d!important;
}
.homevalues .flickity-page-dots .dot {
		border:1px solid #0c4da2;
		background: #fff;
		opacity:1;
		margin-bottom:10px;
}
.homevalues .flickity-page-dots .is-selected {
		background: #ffa900!important;
		border-color: #0c4da2!important;
}
.homeproducts {
		padding: 60px 0 60px 0;
}
.homeproducts .title {
		text-transform:uppercase;
}
.homeproducts .viewall {
		text-transform:uppercase;
		font-size:14px!important;
		float:right;
		margin-top:-35px;
		background:url(/wp-content/themes/forestjump/images/viewall.png) right center no-repeat;
		padding-right:20px;
		background-size:9px;
}
.homeproducts h3 {
		background: #03275a;
		margin-bottom:0;
		padding:15px;
		color: #fff!important;
}
.homeproducts h3 a {
		color: #fff;
}
.homeproducts .box-text {
		height:100vh;
		padding:40px;
		background: url(/wp-content/themes/forestjump/images/cornerbg.png) bottom right no-repeat rgb(0,0,0,0.5);
		background-size:80px;
}
.homeproducts .box-text .viewmore {
		position:absolute;
		bottom:40px;
		background: url(/wp-content/themes/forestjump/images/viewall.png) right center no-repeat;
		background-size:7px;
		padding-right:15px;
}

.homepost {
		padding: 15px;
		font-size:15px;
}
.homepost p {
		margin-bottom:10px;
}
.homepost .title {
		font-size:16px;
		font-weight:bold;
		line-height:25px;
}
.homepost .title a {
		color: #000;
}
.homepost .viewmore {
		position:absolute;
		bottom:15px;
		right: 30px;
		text-transform:uppercase;
		color: #000;
}
.homeform {
		padding: 80px 0 60px 0;
}
.homeform form {
		margin-bottom:0;
}
.homeform .col-inner {
		background: #fff;
		padding: 30px;
}
.homeform .title {
		color: #ffa900;
		text-transform:uppercase;
		font-size:26px;
		font-weight:bold;
		margin-bottom:10px;
}
.homeform .wpcf7-text {
		background:#ebebeb;
		border:none;
}
.homeform .wpcf7-submit {
		background: #ffa901!important;
		color: #03275b;
}
.homeform label {
		text-align:justify!important;
}



.custompostlist .row {
		background: #f9f9f9;
		margin:0 0 15px 0!important;
		padding:10px;
		text-align:justify;
}
.custompostlist img {
		padding-right:10px;
}
.postcount {
		text-align:right;
		margin-top:-45px;
		margin-bottom:20px;
		color: #000;
		font-weight:bold;
}
.postfields i {
		padding-right:5px;
}
.postfields {
		display:inline;
}
.custompostlist .homeexpert {
		display:block;
		padding-top:10px;
		height: 85px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		text-align: justify;
}
.custompostlist h2 a {
		color: #000;
		font-size:18px;
}
.customfooter .col {
	padding-bottom:0;
}
.customfooter, .customfooter a {
		color: #fff;
}
.customfooter {
		padding-top:40px;
		padding-bottom:30px;
}
.customfooter ul {
	margin-left:20px;
}
.customfooter .title {
		font-size:20px;
		text-transform:uppercase;
		border-bottom:1px solid;
		padding-bottom:6px;
		margin-bottom:15px;
}
.customfooter .title span {
	border-bottom:3px solid;
	padding-bottom:8px;
}
.customfooter p {
		margin-bottom:10px;
}
.customfooter i {
		padding-right:10px;
}

.cta-checkbox {
		position:fixed;
		bottom: 24px;
		right:20px;
		z-index:99;
		width:40px;
		height:40px;
		opacity:0;
}
.openclose {
		z-index:90;
		position:fixed;
		bottom: 40px;
		right:30px;
		width:40px;
		height:40px;
		display:inline-block;
		border-radius:50%;
		cursor: pointer!important;
		background-size: 25px!important;
		animation-name: zoom;
      -webkit-animation-name: zoom;
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
      animation-duration: 1.5s;
      -webkit-animation-duration: 1.5s;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
      cursor: pointer;
      box-shadow: 0 0 0 0 #c31d1d;
}
.close {
		display:none;
}
.cta-checkbox:checked~.close {
		display:block;
}
.cta-checkbox:checked~.open {
		display:none;
}
.cta-checkbox:checked~.ctabg {
		position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      z-index: 1;
		display:block;
}
.cta-checkbox:checked~.ctaicons {
		display:block;
}
.ctaicons {
		position: fixed;
		bottom:0;
		right:0;
		width:300px;
		z-index:10;		
		display:none;
		bottom: 95px;
}
.cta-action {
		    z-index: 90;
    color: #fff!important;
    height: 40px;
    width: 215px;
    text-align: right;
    display: block;
    float: right;
    width: 100%;
    margin-right: 33px;
    margin-bottom: 5px;		
}
.ctaicon {
		display:inline-block;
		z-index:90;
		position:relative;
		border-radius:50%;
		background: #dd3333;
		width: 35px;
		height: 35px;
}
.ctaicon img {
		max-width:35px;
		padding:5px;
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
		width:100%;
		background: rgb(12, 44, 100);
}
.sidebar-menu a, .sidebar-menu .toggle  {
		color: #fff!important;
		opacity:1;
		font-weight:normal!important;
		font-size:16px!important;
}
.sidebar-menu .sub-menu {
		background: #fff!important;
		padding-bottom:0!important;
		
}
.sidebar-menu .sub-menu a {
		color: rgb(12, 44, 100)!important;
}
.sidebar-menu .sub-menu li {
		padding-left:0!important;
}
.sidebar-menu .sub-menu li + li {
		border-top:1px solid rgb(12, 44, 100)!important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}