/*
Theme Name: BB Custom Child Theme
Theme URI: http://pirax.com.hr/
Version: 1.0
Description: A custom Beaver Builder child theme.
Author: Matej Franjić
Author URI: http://pirax.com.hr/
Template: bb-theme
Text Domain:  bbcct
*/

/****************************** CORE STYLES ******************************/

/********** Core typography **********/

body,
p,
a,
li,
blockquote {
    font-family: "Source Sans Pro", sans-serif;
}

/********** Core elements **********/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	font-size: 100%;
    padding: 0;
	margin: 0;
}

strong {
	font-weight: bold;
}

ul {
	list-style: disc;
	padding-left: 2rem;
}

a {
	text-decoration: none;	
}

hr {
	display: block;
	height: 1px;
	border: 0;	
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0; 
}

em {
	font-style: italic;
}

:focus {
	outline: 0;
}


/********** Core WP Styles **********/

.alignright,
.alignleft {
	display: block !important;
	margin: 0 auto !important;
	margin-bottom: 1.5rem !important;
}

@media ( min-width: 1024px ) {
	.alignright {
	float: right;
	margin: 0.8em 0 1em 1em !important;
	}
	.alignleft {
		float: left;
		margin: 0.8em 1em 1em 0 !important;
	}
	.aligncenter {
		display: block;
		margin: 0.8em auto !important;
	}
}



/*******************************************************
******************** CORE BB STYLES ********************
*******************************************************/


/********** BB rows **********/

.fl-page-content {
	background: transparent;
}

@media(max-width: 1200px) {
	.fl-row-content-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}


/********** BB columns **********/

@media ( max-width: 568px ) {
	.fl-col-group {
		margin-bottom: 1.25rem !important;
	}
	.fl-col-group:last-of-type {
		margin-bottom: 0 !important;
	}
}

@media ( max-width: 1024px ) {
	.fl-col-small {
		max-width: 100% !important;
	}
}


/********** BB modules **********/

.fl-module-content {
	margin: 0;
}


/********** BB modals **********/

@media ( max-width: 768px ) {
	.modal-dialog {
		width: 90%;
	}
}


/********** BB buttons **********/

.fl-button:focus {
	outline: 0;
}



/*********************************************************
******************** CORE FONT STYLES ********************
*********************************************************/


/********** Smaller phones **********/

p {
	margin-bottom: 1.6em;
}

p,
li,
blockquote {
	font-size: 1rem;
	line-height: 1.7em;
}

h1 {
	font-size: 2rem;
	line-height: 1.25em;
}

h2,
.h1-smaller
.h1-smaller h1,
.h3-bigger,
.h3-bigger h3 {
	font-size: 1.625rem;
	line-height: 1.15384615em;
}

h3,
.h2-smaller,
.h2-smaller h2,
.h4-bigger,
.h4-bigger h4 {
	font-size: 1.375rem;
	line-height: 1.13636364em;
}

h4 {
	font-size: 1.125rem;
	line-height: 1.11111111em;
}


/********** Bigger phones **********/

@media ( min-width: 544px ) {
	p,
	li,
	blockquote {
		font-size: 1rem;
	}

	h1 {
		font-size: 2rem;
		line-height: 1.25em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 1.625rem;
		line-height: 1.15384615em;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.375rem;
		line-height: 1.13636364em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.11111111em;
	}
}


/********** Tablets **********/

@media  ( min-width: 768px ) {
	p,
	li,
	blockquote {
		font-size: 1rem;
	}

	h1 {
		font-size: 2.5rem;
		line-height: 1.125em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 2rem;
		line-height: 1.25em;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.5rem;
		line-height: 1.25em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.22222222em;
	}
}


/********** Smaller desktops **********/

@media  ( min-width: 992px ) {
	p,
	li,
	blockquote {
		font-size: 1rem;
	}

	h1 {
		font-size: 3rem;
		line-height: 1.05em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 2.25rem;
		line-height: 1.25em;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.75rem;
		line-height: 1.25em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.22222222em;
	}
}


/********** Bigger desktops **********/

@media  ( min-width: 1200px ) {
	p,
	li,
	blockquote {
		font-size: 1.125rem;
	}

	h1 {
		font-size: 3rem;
		line-height: 1.05em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 2.25rem;
		line-height: 1.25em;
	}

	.h2-bigger {
		font-size: 3rem;    
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.75rem;
		line-height: 1.25em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.22222222em;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
 	margin-top: 0 !important; 
}

a {
	text-decoration: none !important;	
}

@media(max-width: 1200px) {
	.responsive-menu-pro-box {
		height: 30px !important;	
	}
	#responsive-menu-pro .fa {
		width: 24px !important;	
	}
}

body {
	background: #FFF;
	color: #677897;
}

/***** PREBACIT U GLOBAL NAKON LAUNCHA *****/
.wpml-ls-item {
	display: none !important;
}


/******************************
********** HOMEPAGE ***********
******************************/

.hero--row h1 strong {
	color: #c2b573;
}

.hero--row h2 {
	text-transform: none !important;
}



/******************************
********** NAŠE USLUGE ********
******************************/

.news--row h2,
.services--row h2 {
    font-weight: 500;
    text-align: center;
    color: #c2b573;
    margin-bottom: 50px;
    line-height: 1.18;
    letter-spacing: 0.6px;
}

@media(min-width: 1024px) {
    .news--row h2,
    .services--row h2 {
        font-size: 40px;
    }
}

.news--row-container,
.services--row-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news--single,
.services--container-single {
    width: 32%;
    box-shadow: 0 0 28px 0 #c7e1f8;
    margin-bottom: 24px;
	min-height: 505px;
    
    position: relative;
}

@media(max-width: 1023px) {
    .news--single,
    .services--container-single {
        width: 32%;
    }
	
}


@media(max-width: 760px) {
    .news--single,
    .services--container-single {
        width: 100%;
    }
}

div.pseudo--div {
    min-height: 200px;
    padding: 0 !important;
    
    position: relative;
    
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#services--row-events {
    background: url('/wp-content/uploads/2018/01/organizacija-evenata.jpg');
}

#services--row-team {
    background: url('/wp-content/uploads/2018/01/team-building.jpg');
}

#services--row-booking {
    background: url('/wp-content/uploads/2018/01/booking-izvodaca.jpg');
}

div.container--box {
    padding: 30px 31px;
}

.news--single a,
.services--container-single a,
.pseudo--div > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.news--single a,
.services--container-single a {
    z-index: 50;
}

.background--animation {
    background: rgba(54, 63, 113, 0);
    transition: background 0.35s;
}
.background--animation img {
    margin: auto;
    max-width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    
    opacity: 0;
    
    transition: background 0.35s, opacity 0.5s;
}

.services--container-single h3 {
    color: #c2b573;
    font-weight: 600;
}

.services--container-single hr {
    height: 2px;
    background: #c2b573;
    width: 100%;
}

.services--container-single p {
    margin-bottom: 0 !important;
    color: #677897;
}

@media(min-width: 1024px) {
    .services--container-single h3 {
        font-size: 24px;
    }
    .services--container-single p {
        font-size: 16px;
		min-height: 272px;
    }
}

/******************************
********** NOVOSTI ************
******************************/

/*** Same CSS as for services ***/
.news--single h5 {
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #677897;
    margin-bottom: 12px;
}

.news--single h3 {
    color: #363f71;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 16px;
    height: 51px;
	overflow: hidden;
}

.news--single p {
    font-size: 15px;
    line-height: 1.73;
    text-align: justify;
    color: #818ba6;
	height: 105px;
	overflow: hidden;
}

@media(max-width: 760px) {
	.news--single p {
		height: 100px;	
	}
}

.archive h1.fl-archive-title {
	display: none;	
}

.header--breadcrumbs .breadcrumb_last,
.header--breadcrumbs a {
	display: inline-block;
	padding: 8px;
	background: transparent;
	
	transition: color 0.5s;
}	

.header--breadcrumbs a:hover {
	color: #bbad69 !important;
	text-decoration: underline !important;
}
a.return-link {
	padding: 4px 8px;
	transition: color 0.5s, background 0.5s;	
}
a.return-link:hover {
    color: #23527c !important;
    background: #bbad69 !important;
}


/***** KRAJ U GLOBAL NAKON LAUNCHA *****/

#fl-to-top {
	background: #203142 !important;
	line-height: 40px !important;
	bottom: 45px !important;
	right: 10px !important;
}
#fl-to-top i {
	color: rgb(187, 173, 105) !important;	
	position: relative !important;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}



/********** ORGANIZACIJA EVENATA + TEAM BUILDING **********/
::selection {
  	background: rgba(194, 181, 115, 0.5); /* WebKit/Blink Browsers */
}
::-moz-selection {
  	background: rgba(194, 181, 115, 0.5); /* Gecko Browsers */
}

.sub-menu .current_page_item > a,
.sub-menu .current_page_item > a span {
	color: #c2b573 !important;
}
#menu-item-78 .pp-has-submenu-container > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#menu-item-78 .pp-has-submenu-container > a:after {
	content: "\f054";
	font-family: 'FontAwesome';
}


/******************************
****** BOOKING IZVODACA *******
******************************/

.speaker-lineup--single {
	min-height: auto !important;
}


/******************************
********** SCROLLBAR **********
******************************/

/* Scrollbar width */

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(8,27,45, 1);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #c2b573;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #c2b573; 
}




/********** SINGLE IZVODAC **********/

/***** HEADER *****/
a.absolute--link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.header--main .modal--button {
	display: none !important;
}
.header--row-play {
	display: flex;
	align-items: center;
	position: relative;
	max-width: 180px;
}
.header--row-play .fa {
	border: 1px solid #bbad69;
	color: #bbad69;
	background: transparent;
	height: 44px;
	width: 44px;
	line-height: 42px;
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
	margin-right: 15px;
}

.header--row-play div p {
	margin-bottom: 0;
	font-size: 12px;
  	font-weight: 300;
  	line-height: 1.5;
	color: #FFF;
}
.header--row-play div h3 {
	font-family: 'Montserrat', sans-serif !important;
  	font-size: 14px;
  	line-height: 1.29;
  	color: #bbad69;
	margin-bottom: 0;
}

/*** MODAL ***/
.single-speaker-lineup .pp-modal-content-inner * {
	margin-bottom: 0 !important;
}
.single-speaker-lineup .pp-modal .pp-modal-content-inner {
	padding: 0 !important;	
}




/******************************
******** INNER CONTENT ********
******************************/

.speaker-lineup--book-btn {
    padding-top: 30px;
    margin-bottom: 40px;
    text-align: center;
}

.speaker-lineup--book-btn a {
    display: inline-block;
    padding: 20px 40px;
    border: 2px solid #bbad69;
    background: #bbad69;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
	
	transition: color 0.5s, background 0.5s;
}

.speaker-lineup--book-btn a:hover {
	color: #bbad69;
	background: #FFF;
}



/******************************
******* IZVODAC GALERIJA ******
******************************/

.speaker-lineup--gallery {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.speaker-lineup--gallery > div {
	width: 100%;
}

@media(min-width: 1024px) {
	.speaker-lineup--gallery > div {
		width: 49%;
	}
}

/*** FLICKITY ***/
.speaker-lineup--gallery-slider,
.speaker-lineup--gallery-slider .flickity-slider,
.speaker-lineup--gallery-slider .flickity-viewport {
	/*height: 450px !important;*/
}

.speaker-lineup--gallery-slider img {
	margin: 0 !important;	
}



/*** STATIC GALLERY ***/
.speaker-lineup--gallery-static {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.speaker-lineup--gallery-static > img {
	width: 100%;
	margin: 0 !important;
}

@media(min-width: 761px) {
	.speaker-lineup--gallery-static > img:nth-of-type(1),
	.speaker-lineup--gallery-static > img:nth-of-type(2) {
		margin-bottom: 20px !important;
	}
}

@media(min-width: 761px) {
	.speaker-lineup--gallery-static img {
		width: 48%;
	}
}


/***** BOTH GALLERIES RESPONSIVE *****/

@media(max-width: 1100px) {
	.speaker-lineup--gallery-row > div {
		padding-bottom: 0 !important;
	}
	.speaker-lineup--gallery > div {
		margin-bottom: 24px;
	}
	.speaker-lineup--gallery-static img {
		width: 49%;
	}
}


@media(max-width: 760px) {
	.speaker-lineup--gallery-static > img {
		margin-bottom: 20px !important;
	}
}





/******************************
******** TESTIMONIALS *********
******************************/

.speaker-lineup--testimonials-slider {
	max-width: 1200px;
	margin: auto;
}

.speaker-lineup--testimonials-row .speaker-lineup--testimonials {
    padding: 100px 0;
    background: url('/wp-content/uploads/2018/03/ti-03.jpg');
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

/*** PAGE TWEAKS ***/
.page-id-13690 .header--main > .fl-row-content-wrap {
	background-position: center 10% !important;
}
.page-id-13682 .header--main > .fl-row-content-wrap {
	background-position: center 43% !important;
}
.page-id-13683 .header--main > .fl-row-content-wrap {
	
}
.page-id-97 .header--main > .fl-row-content-wrap,
.page-id-30 .header--main > .fl-row-content-wrap,
.page-id-31 .header--main > .fl-row-content-wrap,
.page-id-32 .header--main > .fl-row-content-wrap,
.page-id-43 .header--main > .fl-row-content-wrap,
.page-id-44 .header--main > .fl-row-content-wrap,
.page-id-45 .header--main > .fl-row-content-wrap {
	background-position: center !important;
}

.page-id-29 .header--main > .fl-row-content-wrap {
	background-position: center !important;
}

.page-id-34 .header--main > .fl-row-content-wrap {
	background-position: center 30% !important;
}

.page-id-53 .header--main > .fl-row-content-wrap,
.page-id-41 .header--main > .fl-row-content-wrap {
	background-position: center 80% !important;
}

.page-id-28 .header--main > .fl-row-content-wrap {
	background-position: center top !important;
}

.page-id-46 .header--main > .fl-row-content-wrap {
	background-position: center 70% !important;
}

.page-id-28 .related--posts-row,
.page-id-29 .related--posts-row,
.page-id-41 .related--posts-row,
.page-id-43 .related--posts-row,
.page-id-44 .related--posts-row,
.page-id-45 .related--posts-row {
	display: none;
}

#theme {
    background: url('/wp-content/uploads/2018/08/515_.jpg');
	background-position: center 30%;
}


#sound {
	background: url('/wp-content/uploads/2018/09/Picture-018-1.jpg');
}
#lighting {
	background: url('/wp-content/uploads/2018/09/feature-1.jpg');
}
#prodVideo {
	background: url('/wp-content/uploads/2018/09/feature-2.jpg');
}
#scene {
	background: url('/wp-content/uploads/2018/09/Events-17.jpg');
}

.organisation--theme {
	position: relative;
}

.overlay {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(8,27,45, 0.70);
    z-index: 0;
}

.organisation--theme img + div {
    z-index: 1;
}

#wed {
	background-image: url('/wp-content/uploads/2018/02/balloons-beach-beach-wedding-169211-1-1.jpg') !important;
	background-position: center !important;
}

#menu-item-wpml-ls-2-hr {
	display: none !important;
}

.footer--newsletter form > div.validation_error {
	max-width: 80%;
	margin: 0 auto 12px auto;
	font-size: 14px;
	color: #ff0033;
}
.footer--newsletter form .validation_message {
	font-size: 14px;
	max-width: 80%;
	margin: 0 auto 12px auto;
	color: #ff0033;
}

.footer--newsletter .gform_footer.top_label:before {
	width: 100%;
}

.footer--newsletter .gform_validation_error .gform_footer.top_label {
	top: 0;
	bottom: 0;
    margin: 0;
	padding-top: 46px;
}
.footer--newsletter .gform_footer.top_label input,
.footer--newsletter .gform_footer.top_label:before {
	top: 0;
    bottom: 0;
    margin: auto;
}
.header--main-navigation ul li a {
	font-family: 'Montserrat', serif !important;
	font-weight: 500 !important;
}

.fixed-contact {    
	position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: 0;
    z-index: 99;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
	
	background: #081a2d;
}

.fixed-contact a {
	font-size: 26px;
	color: #c2b573;
	
	display: inline-block;
	width: 100%;
	height: 100%;
	
	transition: transform 0.3s;
}

.fixed-contact a:hover {
	transform: rotateZ(360deg);
}

.gform_validation_container,
.page-id-53 .fixed-contact {
	display: none !important;
}
.page-id-15367 .header--main > div,
.page-id-15357 .header--main > div {
	background-position: center !important;
}