@charset "utf-8";

html {
    scroll-behavior: smooth;
}

/*
 Additional styles specific to the Camino post type
*/

.camino.logged-in #camino-bar {
    border-bottom: 1px solid #3d53e5;
}

.camino .site-content-contain,
.post-type-archive-camino .content-area {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.post-type-archive-camino .site-content-contain .site-content .wrap {
    margin-left: auto !important; 
}

.white * {
	color: #fff !important;
}

.blue * {
	color: #3d53e5 !important;
}

.orange * {
	color: #ff8057 !important;
}

.camino #content,
.camino #content p,
.camino #content li,
.camino #content ul,
.camino #content ol {
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: 300;
	color: #000;
}

.camino #content h1,
.camino #content h2,
.camino #content h3,
.camino #content h4,
.camino #content h5 {
	margin: 0;
	padding: 0;
	line-height: 46px;
}

.camino #content h1 {
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-size: 56px;
	line-height: 56px;
	font-weight: 300;
	text-transform: none;
}

.camino #content h2 {
	font-family: hobeaux, sans-serif;
	font-size: 48px;
	line-height: 52px;
	font-weight: 300;
	text-transform: none;
}

.camino #content .entry-header .entry-title {
	font-family: hobeaux, sans-serif;
	margin-top: 30px;
}


.camino #content h3 {
	font-family: hobeaux, sans-serif;
	font-size: 36px;
	line-height: 40px;
	font-weight: 400;
	text-transform: none;
}

.camino #content h4 {
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-size: 100px;
	line-height: 82px;
	font-weight: 900;
	text-transform: none;
}

/*** Menu ***/
.camino-menu-bar {
	z-index: 7;
	position: relative;
	/*border-bottom: 1px solid #a0acde;*/
}

.camino-menu-bar:after {
  display:block;
  content: '';
  border-bottom: solid 1px #a0acde;  
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

.camino-menu-bar.sticky:after { 
	transform: scaleX(1); 
}

#camino-menu-contain {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	transition: all 1s ease;
	width: 100%;
}

/*#camino-menu-contain.sticky {
	top: 0;
	position: fixed;
	padding: 0px;
	width: 100%;
	max-width: 1080px;
}*/

#camino-menu {
	background: rgba(255,255,255,.95);
	width: 100%;
}

#camino-menu.sticky {
	top: 0;
	position: fixed;
}


#camino-menu.sticky #camino-menu-contain {
	padding: 0px;
	width: 100%;
	max-width: 1080px;
}

.admin-bar #camino-menu.sticky {
	top: 32px;
}

#camino-menu.sticky + .wrap #primary,
#camino-menu.sticky + #hero-camino {
	padding-top: 66px;
}

.camino-menu {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	align-items: center;
}

.camino-logo {
	display: flex;
	align-items: center;
	/*padding: 15px 0;*/
}

.cam-logo {
	width: 100%;
	max-width: 200px;
	height: 50px;
}

.camino-menu-pricing {
	margin-left: 40px;
}

.camino-menu-bar .button {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 16px;
    color: #ce9e00;
    font-weight: 700;
    border: 2px solid #ce9e00;
    border-radius: 20px;
    padding: 4px 25px 6px;
    display: inline-table;
    line-height: 27px;
    margin-top: 1px;
}

:target:before,
#getstarted:before {
	content:"";
	display:block;
	height:300px; /* fixed header height*/
	margin:-300px 0 0; /* negative fixed header height */
}

#getstarted {
	padding-top: 156px !important;
	margin-top: -100px !important; /** results in 56px gap, and 100 of invisible buffer **/
}

@media screen and (max-width: 955px) {

	.ubermenu-camino .ubermenu-target {
		text-align: center;
	}
	.ubermenu-camino {
		border-bottom: 1px solid #9eade2 !important;
		position: absolute !important;
		top: 53px !important;
		background: rgba(255,255,255,.95) !important;
		width: 100% !important;
		right: 0 !important;
	}
	.ubermenu.ubermenu-camino .ubermenu-item-level-0 > .ubermenu-target .ubermenu-target-text {
		border-bottom: 2px solid transparent;
	}
	.ubermenu.ubermenu-camino .ubermenu-item-level-0:hover > .ubermenu-target .ubermenu-target-text {
		color: #000 !important;
		border-bottom: 2px solid #9966bf;
	}
	#mobile-nav-buy {
		display: block;
	}
	.admin-bar #camino-menu.sticky {
		top: 0px;
	}
	.camino-menu-bar .wrap {
		padding: 0px;
	}
	#camino-menu.sticky #camino-menu-contain {
		right: 0px;
		padding: 0 10px;
	}
	
}

@media screen and (max-width: 625px) {
	.post-type-archive-camino #content {
		display: block !important;
	}
}