/*
Theme Name: Carissa
Author: Efishinsea
Author URI: http://www.efishinsea.com?btb-or.com
Description: This is a child theme for The7 built for Build The Bench Oregon
Version: 1.0.0
Template: dt-the7
*/

.clear {
    clear:both;
}

a, a:visited {
	text-decoration:none;
	color:#0068B3;
}
a:hover {
	text-decoration:underline;
	color:#0068B3;
}

.white > *,
.white a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.footer .textwidget .footer-address a {
	color:#fff;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #ccc; /* old IE */
    background-color: #ccc; /* Modern Browsers */
}
.redline {
	text-decoration: underline;
	text-decoration-color: #DD2423;
}


.branding a img,
.mobile-branding a img{
	-webkit-transition: -webkit-transform .7s ease;
	transition: transform .7s ease;
}
.sticky-on .branding a img {
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

#main {
	min-height: 161px !important;
}


/* animate up to 8 items */
 @media only screen and (min-width: 767px) {

	/* animated one by one */
	.an-one .animated,
	.an-one.animated{
		animation-delay: 500ms !important;
	}
	.an-two .animated,
	.an-two.animated{
		animation-delay: 1000ms !important;
	}
	.an-three .animated,
	.an-three.animated {
		animation-delay: 1500ms !important;
	}
	.an-four .animated,
	.an-four.animated {
		animation-delay: 2000ms !important;
	}
	.an-five .animated,
	.an-five.animated {
		animation-delay: 2500ms !important;
	}
	.an-six .animated,
	.an-six.animated {
		animation-delay: 3000ms !important;
	}
	.an-seven .animated,
	.an-seven.animated {
		animation-delay: 3500ms !important;
	}
	.an-eight .animated,
	.an-eight.animated {
		animation-delay: 4000ms !important;
	}
}

/* fade-list for 4 items */

.fade-list ul,
.fade-list ol {
	margin-left:35px;
}

.fade-list.medium li {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
}
.fade-list.large li {
	font-size:25px;
	line-height:30px;
	font-weight:bold;
}

.fade-list li:before {

    background-color:#0068B3;
    color:#fff;
    width: 25px;
    height: 25px;

}

.fade-list li {
	color: #0068B3;
	animation: fade 8s linear infinite;
}


@media (max-width: 767px) {
   .fade-list li {

    }
}


.fade-list li:nth-of-type(2) {
  animation-delay: 2s;
}
.fade-list li:nth-of-type(3) {
  animation-delay: 4s;
}
.fade-list li:nth-of-type(4) {
  animation-delay: 6s;
}

@keyframes fade {
  from {
    color: #0068B3;
  }
  12.5% {
    color: #574E7B;
  }
  25% {
    color: #E02625;
  }
}


/* slidey icon*/
.homebase a .menu-item-text i.fa-fw {
	opacity: 0;
	transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	transform: translateX(-50%);
}
.homebase a:hover .menu-item-text i.fa-fw {
	transform: translateX(0);
	opacity: 1.0;
}

#bottom-bar .homebase a:hover,
#bottom-bar .homebase a:hover  .menu-item-text,
.homebase a:hover {
	text-decoration:none !important;
}
.homebase a .menu-item-text:before,
.homebase a:hover .menu-item-text:before {
	opacity:0  !important;
}

.homebase a .menu-item-text {
	padding: 5px;
	border-radius: 3px;
}
.homebase a .menu-item-text:hover {
	background: rgba(255,255,255,.3) !important;
}
.sticky-on .homebase a .menu-item-text:hover {
	background: rgba(0,0,0,.1) !important;
}



/* Custom Button override for "classic blue" */
.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat,
.vc_btn3.vc_btn3-color-info, .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat {
    color:#fff !important;
    background-color: #0068B3;
    font-weight:bold;
	box-shadow: inset 0 0 0 0 #0068B3;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
}
.vc_btn3.vc_btn3-color-primary:hover, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-info:hover, .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat:hover {
    background-color: #E02625 !important;
    border-color: #E02625 !important;
    box-shadow: inset 400px 0 0 0 #E02625;
}

.left-then-center {
	text-align:left;
}
.right-then-center {
	text-align:right;
}



.wpcf7-form .wpb_content_element {
	margin-bottom:15px;
}
.wpcf7-form  textarea {
    height:125px;
    width:100%;
}

.wpcf7-form input:active,
.wpcf7-form input:focus,
.wpcf7-form select:active,
.wpcf7-form select:focus,
.wpcf7-form textarea:active,
.wpcf7-form textarea:focus {
	border-color: #267EBE;
	background-color:#E1EBF4;
	color:#000;
	font-size:14px;
}

.wpcf7-form ::-ms-input-placeholder { /* Edge 12-18 */
  color: #666;
}

.wpcf7-form select.wpcf7-not-valid {
  border-color: #f55b5f;
}

.wpcf7-form  ::placeholder {
  color:#666;
}
 .wpcf7-form input[type="submit"] {
	box-shadow: inset 0 0 0 0 #0068B3 !important;
	-webkit-transition: ease-out 0.4s !important;
	-moz-transition: ease-out 0.4s !important;
	transition: ease-out 0.4s !important;
}
 .wpcf7-form input[type="submit"]:hover {
    box-shadow: inset 400px 0 0 0 #E02625 !important;
}

/*search overlay */
.overlay-search-microwidget input[type="text"] {
	padding: 10px 25px !important;
	font-size: 18px !important;
	width: 800px !important;
	max-width: 100% !important;
}

/*sidebar */


.sidebar-content .textwidget .vc_btn3-container  a {
	color:#fff !important;
}




/* utility */
.hide {display:none;}


.show-on-mobile {
	display:none;
}

.hide-on-mobile {
	display:block;
}

.float-right-then-left {
	float:right;
	display:inline-block;
}


.right-then-left,
.right-then-center {
	text-align:right;
}
.left-then-right,
.left-then-center {
	text-align:left;
}

.center-then-left,
.center-then-right {
	text-align:center;
}

@media (max-width: 1280px) {

	.mobile-branding a img {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
}


@media (max-width: 1080px) {

	.mobile-header-scrollbar-wrap .mini-contacts.address a {
		width: 61%;
	}

}

@media (max-width: 778px) {
	.mobile-header-scrollbar-wrap .mini-contacts.address i {
		margin-top: -15px;
	}

}

@media (max-width: 767px) {

	.wpcf7-form input,
	.wpcf7-form select,
	.wpcf7-form textarea {
		height: 50px !important;
		font-size: 16px !important;
		line-height: 20px !important;
		font-weight: bold;
	}

	.center-on-mobile {
		text-align:center !important;
	}

	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}

	.center-then-left,
	.right-then-left {
		text-align:left;
	}

	.center-then-right,
	.left-then-right {
		text-align:right;
	}

	.left-then-center,
	.right-then-center {
		text-align:center;
	}

	.float-right-then-left {
		float:none;
	}

	.show-on-mobile {
		display:block;
	}

	.hide-on-mobile {
		display:none;
	}



}