Hacked By AnonymousFox

/*

	3. Bold themes grid 

	Source: css/grid.css 
	Description: styles paddings, spacings and margins for grid

*/

/* Grid elements base
---------------------------------------------------------------*/
.gutter .port {
    max-width: math(1200 - 2*$(pagePadding), px);
	margin: auto;
}

.port {

}

.boldCell {
	
}

/* Row and column
---------------------------------------------------------------*/
.boldRow {
    display: block;
	margin: 0 -$(innerHorizontalPadding)px;
}

.rowItem {
    padding: 0 $(innerHorizontalPadding)px;
}

.rowItemContent {
	position: relative;
}

.btDoubleRowPadding {
	.boldRow {
		display: block;
		margin: 0 -math( 2*$(innerHorizontalPadding), px );
	}

	.rowItem {
		padding: 0 math( 2*$(innerHorizontalPadding), px );
	}	
}

/* Vertical align should be removed om small screens. Otherwise it won't break into the new row
---------------------------------------------------------------*/
@media (min-width: 768px) {

    .boldRow.btTableRow {
        display: table;
		width: 100%;
    }

    .boldRow.btTableRow .rowItem {
        float: none;
		height: 100%;
        display: table-cell;
    }

    .boldRow.btTableRow .rowItem.btMiddleVertical {
        vertical-align: middle;
    }

    .boldRow.btTableRow .rowItem.btBottomVertical {
        vertical-align: bottom;
    }

	/* Cell border, removed on c */

	.rowItem.btLeftBorder {
		border-left: 1px solid $(lightBorderColor);
	}

	.rowItem.btLeftBorder {
		border-left: 1px solid $(lightBorderColor);
	}

	.rowItem.btRightBorder {
		border-right: 1px solid $(lightBorderColor);
	}

	:darkSkinSelector .rowItem.btRightBorder {
		border-right: 1px solid $(darkBorderColor);
	}

	:darkSkinSelector .rowItem.btLeftBorder {
		border-left: 1px solid $(darkBorderColor);
	}
}

/* Grid elements spacing
---------------------------------------------------------------*/

.topExtraSmallSpaced {
    padding-top: math($(innerVerticalPadding)/2, px);
}

.topSmallSpaced {
    padding-top: $(innerVerticalPadding)px;
}

.topSemiSpaced {
    padding-top: math(2*$(innerVerticalPadding), px);
}

.topSpaced {
    padding-top: math(4*$(innerVerticalPadding), px);
}

.topMoreSpaced {
    padding-top: math(6*$(innerVerticalPadding), px);
}

.topExtraSpaced {
    padding-top: math(9*$(innerVerticalPadding), px);
}

.bottomExtraSmallSpaced {
    padding-bottom: math($(innerVerticalPadding)/2, px);
}

.bottomSmallSpaced {
    padding-bottom: $(innerVerticalPadding)px;
}
 
.bottomSemiSpaced {
    padding-bottom: math(2*$(innerVerticalPadding), px);
}

.bottomSpaced {
    padding-bottom: math(4*$(innerVerticalPadding), px);
}

.bottomMoreSpaced {
    padding-bottom: math(6*$(innerVerticalPadding), px);
}

.bottomExtraSpaced {
    padding-bottom: math(9*$(innerVerticalPadding), px);
}

/* Horizontal padding
---------------------------------------------------------------*/
.rowItem.btDoublePadding .rowItemContent {
    padding: 0 math(2*$(innerHorizontalPadding), px);
}

.rowItem.btNoPadding {
    padding: 0;
}

.rowItem.btNoPadding {
    padding: 0;
}

/* Text indent
---------------------------------------------------------------*/
.btTextIndent .rowItemContent {
	padding: 0 $(innerHorizontalPadding)px;
}

.btTextIndent .rowItemContent :any(.btImage, .bpgPhoto) {
	margin: 0 -$(innerHorizontalPadding)px;
}

/* Highlighted section
---------------------------------------------------------------*/
:any(.btHighlight .rowItemContent, .btSingleLatestPostWrapper, bpgPhoto, .btPriceTable, .btSlidePane .btQuoteBooking) {
	border-radius: 2px;
}

.btHighlight .rowItemContent :any(header, .btText, .btBtn, .btSeparator, .btIconImageRow) {
	margin-left: $(innerHorizontalPadding)px;
	margin-right: $(innerHorizontalPadding)px;
}

.btHighlight .rowItemContent .servicesItem  :any(header, .btText, .btBtn, .btSeparator, .btIconImageRow) {
	margin-left: 0;
	margin-right: 0;
}

.btHighlight .rowItemContent .bpgPhoto {
	border-radius: 2px 2px 0 0;
	box-shadow: none;
}
:lightSkinSelector :any(.btHighlight .rowItemContent, .btSingleLatestPostWrapper, bpgPhoto, .btPriceTable, .btSlidePane .btQuoteBooking ) {
	background-color: $(lightBgColor);
	box-shadow: 0 1px 2px $(lightBoxShadow), 0 -1px 1px $(darkBoxTopShadow);
}

:darkSkinSelector :any(.btHighlight .rowItemContent, .btSingleLatestPostWrapper, bpgPhoto, .btPriceTable, .btSlidePane .btQuoteBooking)  {
	background-color: $(darkBgSubColor);
	box-shadow: 0 1px 2px $(darkBoxShadow), 0 -1px 1px $(darkBoxTopShadow);
}

/* Helpers
---------------------------------------------------------------*/
.boldRow:after, .btClear:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.btTextLeft {
	text-align: left;
}

.btTextRight {
	text-align: right;
}

.btTextCenter {
	text-align: center;
}

.fullScreenHeight {
	height: 100vh;
	.port {
		height: 100%;
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	.boldCell {
		height: 100%;
		width: 100%;
		display: table-cell;
	}
	.boldCellInner {
		display: block;
	}
}

.btMiddleVertical .boldCell {
		vertical-align: middle;
	}

.btBottomVertical .boldCell {
	vertical-align: bottom;
}

.btGhost {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: all 1s ease-in-out-back;
}

.btGhost.btRemoveGhost {
	transform: translateY(-100%) scale(0.7);
	opacity: 0;
}

.wBackground {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.wBackground.cover {
    background-size: cover;
}

.wBackground.contain {
    background-size: contain;
}

/* Animated elements
---------------------------------------------------------------*/
.btParallax, .bt_parallax {
	transition-property: background-position;
	transition-duration: 0ms;
	transition-delay: 0ms;
	background-attachment: fixed;
}

.animate {
	transition: all 3s ease-in-out-back;
}

.animate-fadein {
	opacity: 0.2;
	transform: scale(0.98);
}

.touch .animate-fadein {
	opacity: 1;
}

.animate-moveleft {
	transform: translateX(100px);
}

.animate-moveright {
	transform: translateX(-100px);
}

.animate-moveup {
	transform: translateY(100px);
}

.animate-movedown {
	transform: translateY(-100px);
}

.animated {
  opacity: 1;
  transform: translateY(0px) scale(1);
  transition: all 1s ease-out-expo;
}

@for i in range(0, 20) {
	.rowItem:nth-child(#(i)) {
		transition-delay: math((#(i)-1)*200, ms);
	}
}