/* 
 Theme Name:     Avux
 Author:         Mark Hendriksen
 Author URI:     https://www.markhendriksen.com
 Template:       Divi
 Version:        1.0
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/* ####################################### */
/* ########### CHANGE COLORS ############# */
/* ####################################### */

/* ###### TOP HEADER BORDER RIGHT ######## */

@media (min-width: 981px) {
.custom_top_header_column_1,
.custom_top_header_column_2 {
border-right: 3px solid #1e3582;
}}

/* ############### MENU ################# */

.fullwidth-menu-nav {
background-color: #0095D9 !important;
}

.sub-menu li a {
	border-bottom: 1px solid #1e3582;
}

.sub-menu li:last-child a{
    border-bottom: 0px solid #1e3582;
}


/* ########### MENU MOBILE ############# */

@media (max-width: 980px) {
.et_pb_fullwidth_menu {
background-color: #0095D9 !important;
}}

.et_mobile_menu li a {
    border-bottom: 1px solid #1e3582;
    color: #666;
}

/* ################################################# */
/* ########### CHANGE COLORS HOME PAGE ############# */
/* ################################################# */

/* ######### BIG YELLOW BORDER HOME PAGE ########### */

.row_home_middle .et_pb_row .row_home_middle_first_column {
border-right: 25px solid #00D9B1;
}

/* ############# BLURB BORDERS HOME ############### */

@media (min-width: 981px) {
.top_blurb_column_1 {
border-right: 1px solid #00D9B1;
}

.bottom_blurb_column_1 {
border-right: 1px solid #00D9B1;
border-top: 1px solid #00D9B1;
}

.bottom_blurb_column_2 {
border-top: 1px solid #00D9B1;
}}

/* ########### BREADCRUMB ########### */

.breadcrumb a {
    color: rgba(0, 0, 0, 0.8);
    background: #dadada;
}

.breadcrumb a:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.breadcrumb a:after {
    border-color: transparent transparent transparent #dadada;
}

.breadcrumb .breadcrumb_last {
    background: #00D9B1;
    color: #fff;
}

.breadcrumb .breadcrumb_last:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.breadcrumb .breadcrumb_last:after {
    border-color: transparent transparent transparent #00D9B1;
}

/* ########### END COLORS ############# */

/* ########### GENERAL ############# */

#main-header {
display: none;
}

#page-container {
padding-top: 0px !important;
}

.custom_top_header .et_pb_column_1_3 {
margin-right: 0%;
width: 33.333%
}

@media (min-width: 981px) {
.custom_top_header {
width: 100%;
}}


/* ########### MENU ############# */

.fullwidth-menu li>a {
    padding-bottom: 20px;
	padding-top: 20px;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav>ul {
    padding-top: 0!important;
}

@media (min-width: 981px) {
.fullwidth-menu .menu-item-has-children>a:first-child:after {
    top: 20px !important;
}

.fullwidth-menu li {
    padding-right: 42px;
}}

@media (min-width: 981px) and (max-width: 1140px) {
.et_pb_fullwidth_menu .et_pb_row {
    width: 100%;
}}

.et_pb_fullwidth_menu .fullwidth-menu-nav>ul ul {
    padding: 0px 0;
}

/* ########### HEADER HOME ############# */

@media (max-width: 980px) {
.header_home .et_pb_text {
text-align: left !important;
}}


@media (min-width: 981px) {
.row_home_middle .et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
}

.text_header  {
float: right !important;
}}

@media (min-width: 981px) and (max-width: 1550px) {
.row_home_middle_last_column {
padding: 75px !important;
}}

@media (max-width: 980px) {
.bottom_cta_header .et_pb_text {
text-align: center !important;
}

.bottom_cta_header .et_pb_row .et_pb_column .et_pb_module {
text-align: center !important;
}}

/* ########### OVERLAYS HOME ############# */

@media (min-width: 981px) {
.overlay-one a:after,
.overlay-two a:after  {
 position: absolute;
 content: '';
color: #fff;
 background-color: #000;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 0; /* Make's the overlay invisible until we hover */
 transition: .5s ease all; /* How long the transition takes */
}



.overlay-one a:before  {
position: absolute;
    content: 'Saznaj više';
    color: #fff;
    bottom: 20%;
	top: 70%;
    z-index: 99;
    text-align: center;
    right: 35%;
    padding-top: 14px;
    border: 1px solid #fff;
    left: 35%;
    opacity: 0;
    transition: .5s ease all;
}

.overlay-two a:before {
position: absolute;
    content: 'Saznaj više';
    color: #fff;
    bottom: 20%;
	top: 70%;
    z-index: 99;
    text-align: center;
    right: 35%;
    padding-top: 19px;
    border: 1px solid #fff;
    left: 35%;
    opacity: 0;
    transition: .5s ease all;
}


.overlay-one:hover a:after,
.overlay-two:hover a:after  {
 opacity: 0.6; /* Make Image Appear */
}

.overlay-one:hover a:before,
.overlay-two:hover a:before  {
 opacity: 1; /* Make Image Appear */
bottom: 50%;
top: 40%;
}}

/* ########### PROJECTEN TITLE HOME ############# */

@media (max-width: 980px) {
.project_title .et_pb_column {
    margin-bottom: 0px;
}}

@media (min-width: 981px) {
.project_title h2 {
font-size: 32px;
}}

/* ########### SUB HEADER ############# */

@media (min-width: 981px) {
.sub_header {
padding: 110px 0px;
}}

/* ########### ABOUT US PAGE ############# */

@media (min-width: 981px) and (max-width: 1400px) {
.about_us_section .et_pb_row {
	max-width: 100%!important;
    width: 100%;
}}

/* ########### SERVICES PAGE ############# */

@media (min-width: 768px) {
.button_service {
margin-left: 50px;
}}

@media (max-width: 767px) {
.button_service {
margin-left: 25px;
}}

@media (min-width: 981px) and (max-width: 1400px) {
.section_services .et_pb_row {
	max-width: 100%!important;
    width: 100%;
}}

/* ########### SUB PAGE ############# */

.subpage_h4 h4 {
font-size: 30px;
padding-bottom: 25px;
}

/* ########### PROJECT PAGE ############# */

.button_project {
margin-left: 25px !important;
}

/* ########### BREADCRUMB ########### */

@media (max-width: 479px) {
.breadcrumb {
	font-size: 10px;
}}

.breadcrumb a {
    display: inline-block;
    padding: 0 10px 0 20px;
    margin: 0 10px 10px -2px;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-weight: 400;
	font-size: 14px;
}

.breadcrumb a:before {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    z-index: 1;
}

.breadcrumb a:after {
    position: absolute;
    top: 0;
    content: '';
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    z-index: 2;
}

.breadcrumb .breadcrumb_last {
    display: inline-block;
    padding: 0 10px 0 20px;
    margin: 0 5px 10px -2px;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-weight: 400;
	font-size: 14px;
}

.breadcrumb .breadcrumb_last:before {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    z-index: 1;
}

.breadcrumb .breadcrumb_last:after {
    position: absolute;
    top: 0;
    content: '';
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    z-index: 2;
}

.more-link {
	background-color: #1e3582;
    color: #ffffff;
    display: inline-block !important;
    padding: 5px 15px;
    border-radius: 2px;
	text-transform: capitalize;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
}

/* ########### SINGLE POST ########### */

@media (min-width: 981px) {
#left-area {
    padding-bottom: 0px;
}}

.single .et_pb_post {
    margin-bottom: 0px;
}

.single .post {
    padding-bottom: 0px;
}

@media (max-width: 980px) {
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row {
    width: 100%;
}}

.single #left-area ul li ul {
    padding: 2px 0 2px 0px;
}

/* ### MENU FIX ### */

.et_pb_menu__menu,
.fullwidth-menu-nav,
.et-menu.fullwidth-menu {
	width: 100% !important
}

@media (min-width: 981px) {
.fullwidth-menu li {
    padding-right: 42px !important;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding: 0px 0 0!important;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 19px !important;
}}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px !important;
}