/*
Theme Name: Tribe Design
Theme URI: http://tribedesign.net
Author: WebberSites
Author URI: http://webbersites.com/
Description: Custom Design & Wordpress development for Tribe Inc.
Version: 2.0
License:  
License URI: 
Tags: 
Text Domain: tribedesign
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
@font-face {
  font-family: 'UniversLTStd-UltraCn';
  src: url('assets/font/UniversLTStd-UltraCn.eot?#iefix') format('embedded-opentype'),  url('assets/font/UniversLTStd-UltraCn.otf')  format('opentype'),
	     url('assets/font/UniversLTStd-UltraCn.woff') format('woff'), url('assets/font/UniversLTStd-UltraCn.ttf')  format('truetype'), url('assets/font/UniversLTStd-UltraCn.svg#UniversLTStd-UltraCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {color:#000; text-decoration:none;}
a:hover {color:#000;  text-decoration:underline;}

.grecaptcha-badge {display:none!important;}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}



body { font-family: 'UniversLTStd-UltraCn' !important; -webkit-font-smoothing: antialiased; margin:20px;}
h1, h2, h3, h4 { font-weight: normal; }
nav a {color:#FFF; background-color:#d4d4d4; padding:5px 10px; padding-top:10px; text-decoration:none; font-size:30px; }
nav li.current_page_item a {background-color:#000;}
.home nav#menu a {background-color:#000;}
.home nav #menu-social-menu a {background-color:transparent;}
.home nav#menu {margin-bottom:50px;}
p {margin-bottom:30px;}
nav li {display:inline-block; margin:0 2vw;}
nav {display:block; width:100%; position:absolute; top:40px; left:0; right:0; height:auto; text-align:center;}
.slideritem {width:10%; margin:1%;  width:10.7vw; margin:.5vw; display:inline-block;}
.slideritem img {width:100%; height:auto;}
#copyright {text-align:center; color:#d4d4d4; margin-top:70px;}
#copyright a {color:#d4d4d4; text-decoration:none;}
/*#copyright a:hover {color:#000;}*/
.home #copyright {display:none;}
.the-gallery {display:none;}
ul#menu-social-menu {	list-style-type:none; margin:30px auto; text-align:center; }
ul#menu-social-menu li {display:inline-block; margin:0 2.1vw;}
.emailaddress {display:none;}
.column-left {width:25%; display:inline-block; font-size:24px; line-height:29px;}
.column-right {width:45%; display:inline-block; font-size:24px; line-height:29px;}
.page-id-1223 .column-left, .page-id-1223 .column-right {width:25%; vertical-align:top; padding:0 20px;}
.page-id-1223 .forms {text-align:center; margin-top:50px;}


/* Main content container */
.single-post #content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;

	
}
.single-post #content p {	font-family:helvetica, arial;}
/* Center and enlarge the post title */
.single-post #content .entry-title {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 10px;
}

.single-post #content .entry-title a {color:#000; text-decoration: none; margin-bottom:5px;}
.single-post .entry-footer {display:none;}

/* Hide the author information */
.single-post #content .author.vcard, .meta-sep {
    display: none;
}

/* Display the post date smaller and centered under the title */
.single-post #content .entry-date {
    display: block;
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 20px;
}

/* Layout for the post thumbnail and content */
.single-post #content .entry-content {
    display: block;
	
}

#menu-social-menu li img {width:48px; height:auto;}



.single-post .entry-content p {font-size:16px; line-height:25px;}

/* Thumbnail image styling - floating right */
.single-post #content .entry-content .wp-post-image {
    float: right;
    max-width: 50%;
    height: auto;
    margin-left: 20px;
    margin-bottom: 20px;
}

/* Body content styling */
.single-post #content .entry-content p {
    max-width: 100%;
}

/* Ensure the "Edit This" link does not disrupt the layout */
.single-post #content .post-edit-link {
    display: block;
    text-align: right;
    margin-top: -30px;
    margin-right: 20px;
}

/* Ensuring responsiveness */
@media screen and (max-width: 768px) {
    .single-post #content .entry-content .wp-post-image {
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}



input[type=text], input[type=email], textarea {border:1px solid #000;}

input[type=submit] {color:#FFF; border:0; background-color:#000000; padding:6px 20px ; padding-top:10px;  font-size:30px; font-family: 'UniversLTStd-UltraCn'; -webkit-font-smoothing: antialiased;}
#menu-social-menu-container {height:50px;}
.column-left input {width:100%; font-size:24px; line-height:29px; border:1 solid black; font-family: 'UniversLTStd-UltraCn'; padding:5px; -webkit-font-smoothing: antialiased; }
.column-right textarea {width:100%; height:190px; font-size:24px; line-height:29px; border:1 solid black; font-family: 'UniversLTStd-UltraCn'; padding:5px; }
input::-webkit-input-placeholder {
    color: #d4d4d4;
}
input:focus::-webkit-input-placeholder {
    color: #000;
}
/* Firefox < 19 */
input:-moz-placeholder {
    color: #d4d4d4;
}
input:focus:-moz-placeholder {
    color: #000;
}
/* Firefox > 19 */
input::-moz-placeholder {
    color: #d4d4d4;
}
input:focus::-moz-placeholder {
    color: #000;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #d4d4d4;
}
input:focus:-ms-input-placeholder {
    color: #000;
}
#content {margin-top:10vh;}
#logo {position:absolute; text-align:center; top:43%; width:98%; z-index:2;}
.home nav {position:absolute; text-align:center; top:49%; width:100%; z-index:1;}
.home nav a {color:#FFF; padding:5px; padding-top:10px; text-decoration:none; font-size:30px; }
@media (max-width: 1200px) {.slideritem { width:10.3vw; }



@media (max-width: 800px) {
	nav li:last-child {margin-right:5vw;}
	.slideritem { width:21.5vw; margin:.5vw; display:inline-block;}
	nav {text-align:right; margin-right:20px; right:30px !important}
	}
	
	@media (max-width: 625px) {.slideritem { width:21vw;}
	.column-left, .column-right {width:100%; display:block;}
	.page-id-1223 .column-left, .page-id-1223 .column-right {width:90%; display:block;}
	}
	
	

}

@media (max-width: 550px) {
.slideritem { width:42vw;}
#logo {position:absolute; text-align:center; top:30%; width:98%; z-index:2; background-color:#FFF;}
nav li:last-child {margin-right:7vw;}
.home nav {position:absolute; text-align:center; top:45%; width:100%; z-index:1;}
nav a { font-size:20px; }
	
}


@media (max-width: 768px) { #logo img {width:100%;}

	#menu.mobile-menu-open ul li a {background-color:transparent; font-size:9vw !important; line-height:11vw; margin-left:0;}
	.menu-menu-1-container {padding-top:5vw;}
	nav li:last-child {margin-right:5px;}
}



/* Initial styles for the mobile menu toggle button */
#mobile-menu-toggle {
    display: none;
    background-color: transparent;
    border: none;
    font-size: 2em;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    color: black;
    z-index: 1000; /* Ensure the toggle button is above other elements */
}

/* When the toggle button is active */
#mobile-menu-toggle.menu-open {
    color: white;
}
@media screen and (max-width: 768px) {
/* Initial styles for the navigation menu */
#menu {
    display: flex;
    justify-content: flex-end;
}
}

/* When the menu is toggled open */
#menu.mobile-menu-open {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    text-align: center;
    padding-top: 60px; /* Adjust based on your header height */
    z-index: 999;
}

#menu.mobile-menu-open ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#menu.mobile-menu-open ul li {
    display: block;
    padding: 10px 0;
}

#menu.mobile-menu-open ul li a {
    color: white;
    text-decoration: none;
    font-size: 1.5em;
}

#menu.mobile-menu-open ul li a:hover {
    color: #ccc;
}


/* Style the featured image */
.page-id-6110 .about-featured-image {
    margin-bottom: 20px;
    text-align: center;
}

.page-id-6110 .about-featured-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* Optional: Add rounded corners */
}

/* Ensure the content area is well-styled */
.page-id-6110 .entry-content {
	text-align: left;
font-size:16px; line-height:25px;
margin-bottom: 10px;
    max-width: 800px;
    margin: 0 auto;

	font-family:helvetica, arial;
}

.page-id-6110 .entry-title {
    text-align: center;
    margin-bottom: 20px;
	font-size:30px;
}


.page-id-6110 #content {margin-top:0;}



/* Show the toggle button and hide the regular menu on small screens */
@media screen and (max-width: 768px) {
    #mobile-menu-toggle {
        display: block;
    }

    #menu {
        display: none; /* Ensure the menu is hidden by default */
    }
	.home #menu {
        display: block; /* Ensure the menu is hidden by default */
    }
}