/* 
Theme Name: Cellar Code
Theme URL: https://cellarcode.com
Description: Cellar Code Theme
Author: Cellar Code
Author URI: https://cellarcode.com
Template: organic-purpose
Version: 1.0.4 
Text Domain: cellar-code
*/

body {
	color: rgba(255, 255, 255, 0.9);
}

a {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: rgba(255, 255, 255, 0.9);
}

#header.header-small {
	background-color: rgba(255, 255, 255, 1.0) !important; /* a was 0.9 */
	border-bottom: 5px solid #d93;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}


.featured-page .row, .type-page .row, .post .row, .semicircle, .organic-ocw-container {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23111111' fill-opacity='0.5'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.organic-ocw-container {
	padding-top: 0;
}

.feature-img.page-banner::before {
	background-color: rgba(0, 0, 0, 0);
}

.featured-page .holder {
	padding: 0;
}

.post-area, .post-area.wide {
	padding: 12px 0px 0px 0px;
}


.article h1:first-child + p, .article > p:first-child, .article span + p {
	color: rgba(255, 255, 255, 1.0);
}

/* team page image*/
figure.wp-block-media-text__media {
	margin-top: 12px !important;
}

/*text size lists*/
.wp-block-column ul, .text-holder ul {
	font-size: 1.2em;
}

.article {
	text-align: center;
}

.article p {
	text-align: left;
	color: rgba(255,255,255,0.9);
}

.wp-block-column {
	color: rgba(255, 255, 255, 0.8) !important;

}
.wp-block-column p, .wp-block-column h3 {
	text-align: center;
}

/* centers the clickable buttons added with blockeditor */
.wp-block-buttons {
	display: inline;
}

.wp-block-buttons.is-content-justification-center {
	display: grid;
}

.wp-block-organic-profile-block {
	background-color: transparent;
}

.wp-block-organic-profile-block .organic-profile-social .social-link {
	color: rgba(255, 255, 255, 0.24);
}

.wp-block-organic-profile-block .organic-profile-social .social-link:hover {
	color: rgb(255, 255, 255);
}

.organic-profile-content p {
	text-align: center !important;
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .nf-form-layout, .ocw-bg-dark .organic-widgets-featured-content-section h1, .ocw-bg-dark .organic-widgets-featured-content-section h2, .ocw-bg-dark .organic-widgets-featured-content-section p, .organic-widgets-pricing-table-title, .organic-widgets-pricing-table table tbody td, .organic-widgets-pricing-table-excerpt p {
	color: rgba(255,255,255,0.9) !important;
}

.nf-field-label {
	text-align: left;
}

.article h1 {
	font-family: 'Montserrat';
	border: 0px solid rgba(255,255,255,0.9) !important;
	padding: 0.6em;
	display: inline-block;
}


h2 {
	font-size: 2em;
}

.footer-widgets, .footer-widgets h6 {
	color: rgba(17, 17, 17, 0.9);
}

.footer-information .footer-content {
	text-align: center;
	color: rgba(17, 17, 17, 0.6);
}

.footer {
	border-top: 5px solid #d93;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.footer .row {
	border: 0;
}

.footer-information {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg width='320' preserveAspectRatio='none' viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,224L120,240C240,256,480,288,720,288C960,288,1200,256,1320,240L1440,224L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z' fill='%230a0909' fill-opacity='1'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.footer-widgets h6, .headline {
	font-variant: all-small-caps;
}

.footer-widgets > .widget:nth-child(2) .widget_text {
	text-align: center;
}

.footer-widgets > .widget:nth-child(3) .widget_text {
	text-align: right;
}

.portfolio {	
	background: none;
	/*color: rgba(17, 17, 17, 0.9);*/
	color: rgba(255, 255, 255, 0.9) !important;
}

.portfolio .post-holder {
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.16);
	background: revert;
}

.portfolio .post-holder .radius-top {
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-khtml-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
}

.portfolio .row {
	background: none;
}

/* all boxes same height */
.portfolio-third .excerpt {
	height: 13em;
}
button, .button, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, a.more-link, #submit, input[type="submit"], input#submit, input.button, #wrap #infinite-handle button {
	border: 2px solid #666;
}

#mobilenav button {
	border: 0;
}

.page-banner .information {
	display: none;
}

.semicircle {
  	position: relative;
  	height: 12vh;
	padding-top: 5vh;
}

.semicircle::before {
	border: 5px solid #d93;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position: absolute;
  	content: '';
  	left: 50%;
  	z-index: 10;
  	width: 120px;
  	height: 120px;
  	border-radius: 50%;
  	background-color: #0a0909;
  	background-image: url("https://cellarcode.com/wp-content/uploads/CellarCode-logo-2021-White-Site-Icon-Transparent.png");
  	background-position: center;
	background-size: 100px 100px;
  	background-repeat: no-repeat;
  	transform: translateX(-50%) translateY(50%);
 	bottom: 0px;
}


.wp-block-column {
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 1em;
	margin-top: 1em;
	
}

.wp-block-image img {
	width: 60%;
}

.wp-block-image {
	margin-bottom: 0;
}
.wp-block-columns {
	margin-bottom: 0 !important;
}

.wp-block-column {
	border: 0;
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.wp-block-column h6 {
	font-weight: bold;
}

.wp-block-image .aligncenter {
	margin: 0;
}

/*Pricing page */

.organic-pricing-table-content th {
	text-transform: none;
}

h4.organic-widgets-pricing-table-title {
	text-transform: uppercase;
}

.organic-widgets-group .organic-widgets-pricing-table {
	padding-bottom: 1em;
}

.organic-widgets-group-container {
	display: block; /*was flex*/
}

#page-1126 .organic-widgets-group {
	padding: 0;
}

.organic-widgets-pricing-table table th {
	background: revert;
}

/* font-awesome graphic */
.organic-widgets-pricing-table table tbody td::before {
	color: #d3a509;
}

.organic-widgets-card {
	background-color: revert;
}

.organic-widgets-portfolio-section, .organic-widgets-subpage-section {
	padding: 0 48px !important;
}

#organic_widgets_featured_content-6 .organic-widgets-section {
	padding: 0;
}

#organic_widgets_hero_section-9 .organic-widgets-section {
	padding-bottom: 0;
}

#page-1126 .organic-widgets-feature-list-section .organic-widgets-title,
#page-1126 .organic-widgets-featured-content-section.ocw-bg-light p, .organic-widgets-feature-list-item-text h6 {
	color: rgba(255,255,255,1) !important;
}

.organic-widgets-feature-list-item-text {
	color: rgba(255,255,255,0.7);
}

#page-1126 .organic-widgets-feature-list-item-icon i {
	color: rgba(255,255,255,1);
}

.organic-widgets-pricing-table {
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 5px;
}

.list-radio-wrap .nf-field-element li label,
.list-checkbox-wrap .nf-field-element li label {
	text-align: left;
}

.error404 #header {
	background-color: rgb(255,255,255);
}

.wp-block-obb-profile-block {
	background-color: transparent !important;
}

.obb-profile-subtitle, .obb-profile-bio {
	text-align: center !important;
}

.obb-profile-bio {
	color: rgba(255, 255, 255, 0.8) !important;
}

/* bootstrap breaks style without this */
.container {
	max-width: unset;
}

/* bootstrap breaks style without this */
 #logo-title, #navigation, #mobilenav, #menu-toggle {
	width: unset;
}

@media screen and (min-width: 1025px) {
	#mobilenav, #navbarToggleContent {
		display: none;
	}	
}

@media screen and (max-width: 1024px) {
	.semicircle::before {
		border: 3px solid #d93;
	}

	#header.header-small {
		border: 0 !important;
	}

	#header .flex-row {
		border-bottom: 3px solid #d93;
	}
	
	.footer-widgets .widget .widget_text {
		text-align: center !important;
	}

	.footer-widgets {
		padding-top: 4em !important;
	}

	.footer-widgets h6 {
		margin: 0;
	}

	.footer-information {
		padding: 0;
		height: 80px;
	}

	.footer-information .footer-content {
		margin-top: 30px;
	}

	.footer {
		border-top-width: 3px !important;
	}

	#header .popupbottom {
		position: fixed;
		background-color: rgba(255, 255, 255, 1);
	}

	.container .nf-form-cont form textarea {
		width: 100% !important;
	}

	#navbarToggleContent > .menu,
    #navbarToggleContent li	{
		/*display: block;*/
		float: unset;
		display: revert;
	}

	#navbarToggleContent .menu a {
		line-height: 1;
	}

	#mobile-menu {
		display: grid;
	}

	#mobile-menu li {
		padding: 5px 0;
		margin: 0 auto;
		color: black;
	}

	#mobile-menu li:hover,
    #mobile-menu li:active	{
		list-style-type: disclosure-closed;
	}
}

/* iPhone */

@media screen and (max-width: 767px) {
	.textwidget p {
		padding: 8px 18% !important;
	}

	.wp-block-column p {
		padding: 8px 18% !important;
	}

	.post-area, .post-area.wide {
		padding: 0px !important;
	}

	.post-area p, .post-area.wide p,
       	.organic-widgets-content p {
		font-size: 16px !important;
	}

	.post-area h6, .post-area.wide h6,
        .organic-widgets-content h6 {
		font-size: 20px !important;
	}
}