/* ==========================================================================
   DO NOT REMOVE OR RENAME THESE CLASSES.
   Ported verbatim from the legacy theme's 16-column grid system
   (remotestaff/style.css). Existing WPBakery page content references
   .container / .sixteen.columns / .one-third.column / etc. directly in
   raw HTML blocks — removing or resizing these will break existing
   page layouts sitewide, not just new content.
   ========================================================================== */

.container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 20px; margin-right: 20px; }
.row                                        { margin-bottom: 40px; }

.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

.container .one.column,
.container .one.columns                     { width: 35px;  }
.container .two.columns                     { width: 110px; }
.container .three.columns                   { width: 185px; }
.container .four.columns                    { width: 260px; }
.container .five.columns                    { width: 335px; }
.container .six.columns                     { width: 410px; }
.container .seven.columns                   { width: 485px; }
.container .eight.columns                   { width: 560px; }
.container .nine.columns                    { width: 635px; }
.container .ten.columns                     { width: 710px; }
.container .eleven.columns                  { width: 785px; }
.container .twelve.columns                  { width: 860px; }
.container .thirteen.columns                { width: 935px; }
.container .fourteen.columns                { width: 1010px; }
.container .fifteen.columns                 { width: 1085px; }
.container .sixteen.columns                 { width: 1160px; }

.container .one-third.column,
.container .one-third.columns               { width: 360px; }
.container .two-thirds.column,
.container .two-thirds.columns              { width: 780px; }

.container .twelve.alt.sidebar-right {
	padding-right: 40px;
	width: 819px;
	border-right: 1px solid #efefef;
}
.container .twelve.alt.sidebar-left {
	padding-left: 40px;
	width: 819px;
	border-left: 1px solid #efefef;
}

#sidebar.sidebar-right #sidebar-widgets {
	border-left: 1px solid #efefef;
	margin-left: -21px;
	padding-left: 40px;
}
#sidebar.sidebar-left #sidebar-widgets {
	border-right: 1px solid #efefef;
	margin-right: -21px;
	padding-right: 40px;
}

/* Clearfix */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix:before, .clearfix:after,
.row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear { clear: both; visibility: hidden; width: 0; height: 0; }

/* ==========================================================================
   [minti_list] / [minti_listitem] support — the site's most-used
   shortcode (unicon-core plugin). Outputs:
     <ul class="styled-list fa-ul"><li><i class="fa fa-check"></i>...</li></ul>
   Requires Font Awesome 4 (loaded in style.css) for the bullet icon.
   ========================================================================== */
ul.styled-list {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}
ul.styled-list li {
	padding: 4px 0 4px 4px;
}
ul.styled-list li i {
	margin-right: 7px;
	font-size: 16px;
	text-align: center;
}
.widget_text ul.styled-list li {
	padding: 0 !important;
	background: none !important;
}

/* ==========================================================================
   .btn-green — used directly in raw HTML/shortcode content
   ========================================================================== */
.btn-green {
	display: inline-block;
	padding: 10px 24px;
	background-color: var(--rs-olive);
	color: var(--rs-teal-dark);
	border-radius: 3px;
	text-decoration: none;
}
.btn-green:hover {
	opacity: 0.9;
}