/*
Theme Name: Propulsion
Description: A sleek Business Theme by Kriesi -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group
Version: 1.2.2
Author: Kriesi
Author URI: http://www.kriesi.at
*/
/*
* PLEASE DO NOT EDIT THIS FILE!
*
* To make it easy to update your theme, you should not edit the styles in this file. Instead use
* the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Styling
*/
/* url('css/grid.css') loads the default grid with all widths for the different screens */
/* url('css/base.css') loads the css reset & default styling for html elements like , , - , and some wordpress generated classes (eg galleries) */
/* url('css/layout.css') theme layout for the default screen size and media queries for smaller screen estates */
/* ('css/slideshow.css') theme layout for the various slideshows */
/* ('css/shortcodes.css') loads the css rules for the theme shortcodes */
.burger {
width: 57px;
height: 57px;
position: relative;
margin: 0 auto;
z-index: 9;
display: inline-block;
padding: 0;
background: none;
outline: none;
cursor: pointer;
border: none;
vertical-align: middle;
position: absolute;
left: 52px;
top: 43px;
display: none;
}
.burger.active span:first-child {
top: 10px;
transform: rotate(-45deg);
}
.burger.active span:nth-child(2) {
top: 10px;
transform: rotate(45deg);
}
.burger.active span:last-child {
opacity: 0;
top: 0;
transform: rotate(180deg);
}
.burger span {
left: 0px;
width: 57px;
height: 5px;
position: absolute;
border-radius: 4px 4px 4px 4px;
background-color: rgba(255, 255, 255, 1);
border: none;
display: block;
z-index: 9;
margin-top: 10px;
}
.burger span:first-child {
top: 0;
transition: transform 0.5s, top 0.2s;
}
.burger span:nth-child(2) {
top: 16px;
transition: transform 0.5s, top 0.2s;
transition-delay: 0.2s, 0s;
z-index: 9;
}
.burger span:last-child {
top: 32px;
transition: all 0.5s;
transition-delay: 0.1s;
z-index: 9;
}
.mobile-menu {
background: rgba(0, 0, 0, 0.95);
padding-bottom: 80px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -5px;
display: none;
}
.mobile-menu.active {
display: block;
}
.mobile-menu .menu-main-menu-container,
.mobile-menu .menu-main-menu-en-container {
float: none;
width: auto;
padding-left: 50px;
padding-right: 50px;
}
.mobile-menu .menu-main-menu-container .menu > li,
.mobile-menu .menu-main-menu-en-container .menu > li {
float: none !important;
border-top: 3px dotted #fff;
padding-top: 22px;
padding-bottom: 22px;
position: relative;
padding-left: 50px;
}
.mobile-menu .menu-main-menu-container .menu > li:first-child,
.mobile-menu .menu-main-menu-en-container .menu > li:first-child {
border-top: 0;
}
.mobile-menu .menu-main-menu-container li.menu-item-has-children .expander,
.mobile-menu .menu-main-menu-en-container li.menu-item-has-children .expander {
position: absolute;
left: 0;
top: 20px;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
transition: 0.3s;
border-radius: 100%;
border: 1px solid #fff;
}
.mobile-menu .menu-main-menu-container li.menu-item-has-children .expander.active,
.mobile-menu .menu-main-menu-en-container li.menu-item-has-children .expander.active {
transform: rotate(90deg);
}
.mobile-menu .menu-main-menu-container li:first-child.menu-item-has-children.expanded,
.mobile-menu .menu-main-menu-en-container li:first-child.menu-item-has-children.expanded {
border-color: transparent;
}
.mobile-menu .menu-main-menu-container li.menu-item-has-children .expander:before,
.mobile-menu .menu-main-menu-en-container li.menu-item-has-children .expander:before {
left: 50%;
top: 50%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 6px;
margin-top: -6px;
transform: translateX(-25%);
}
.mobile-menu .menu-main-menu-container li a,
.mobile-menu .menu-main-menu-en-container li a {
color: #fff;
font-size: 30px;
text-decoration: none;
font-weight: 600;
position: relative;
vertical-align: middle;
}
.mobile-menu .menu-main-menu-container ul.sub-menu,
.mobile-menu .menu-main-menu-en-container ul.sub-menu {
left: auto !important;
background: none;
padding: 0;
color: #fff;
width: auto !important;
margin-left: 0 !important;
margin-top: 37px !important;
margin-bottom: 24px !important;
padding-left: 45px;
display: none;
}
.mobile-menu .menu-main-menu-container .expanded ul.sub-menu,
.mobile-menu .menu-main-menu-en-container .expanded ul.sub-menu {
display: block;
}
.mobile-menu ul.sub-menu > li.menu-item {
width: auto;
height: auto;
position: relative !important;
float: none !important;
margin: 0px !important;
margin-bottom: 30px !important;
}
.mobile-menu ul.sub-menu > li.menu-item > a {
text-transform: uppercase;
}
.mobile-menu ul li a:active,
.mobile-menu ul.sub-menu li a:active {
color: rgba(255, 255, 255, 0.7) !important;
}
.mobile-menu ul.sub-menu li a:active {
opacity: 0.7;
}
.mobile-menu ul.sub-menu li a {
position: relative !important;
bottom: auto !important;
left: auto !important;
z-index: 10;
background: none !important;
padding: 0 !important;
/* height: 50px!important; */
border-top: 0px !important;
padding-top: 0px !important;
width: auto !important;
padding: 0px !important;
font-size: 29px;
color: #c3c528 !important;
padding-left: 0 !important;
}
#top #wrap_all .mobile-menu .current_page_item > a {
color: rgba(255, 255, 255, 0.6);
}
.mobile-menu ul.sub-menu li a:hover,
.mobile-menu ul.sub-menu li.current_page_item a {
background: transparent !important;
color: #fff !important;
width: auto !important;
}
.mobile-menu ul.sub-menu li a:hover {
padding-left: 0px !important;
}
.mobile-menu ul.sub-menu li img.preview-locale {
display: none;
}
.mobile-menu #menu-item-6831 {
background: none;
}
@media (max-width: 959px) {
.desktop-menu {
display: none;
}
#wrap_all #header-meyer .language_container ul li a {
font-size: 30px;
display: block;
}
#wrap_all .language_container a.social img {
width: 30px;
}
#wrap_all .language_container a.social {
left: -34px;
top: -4px;
}
.burger {
display: block;
}
#wrap_all #header-meyer #menuContainer {
width: auto;
position: absolute;
right: 50px;
top: 50px;
}
#wrap_all #header-meyer {
padding-top: 50px;
padding-bottom: 52px;
}
#wrap_all #header-meyer img.meyer-logo {
float: none;
margin: 0 !important;
width: 147px;
}
#wrap_all #header-meyer .language_container {
margin-right: 0;
}
#wrap_all #header-meyer {
display: flex;
justify-content: center;
background: rgba(0, 0, 0, 0.95);
}
}
@media screen and (min-width: 768px) {
#header-meyer .main_menu #menu-item-7047 {
display: none;
}
}
@media screen and (max-width: 768px) {
#wrap_all #header-meyer {
padding-top: 20px;
}
.mobile-menu {
padding-top: 20px;
}
.burger {
top: 1px;
left: 5px;
}
.burger span {
width: 30px;
height: 2px;
left: 14px;
margin-top: 20px;
}
.burger span:nth-child(2) {
top: 8px;
}
.burger span:last-child {
top: 16px;
}
#wrap_all #header-meyer {
padding-top: 20px;
padding-bottom: 15px;
}
#wrap_all #header-meyer img.meyer-logo {
width: 115px;
}
#wrap_all #header-meyer .language_container ul li a {
font-size: 14px;
line-height: 1;
}
#wrap_all #header-meyer #menuContainer {
right: 0;
top: 16px;
}
#wrap_all .language_container a.social {
left: -19px;
top: 2px;
}
#wrap_all .language_container a.social img {
width: 13px;
}
.mobile-menu .menu-main-menu-container {
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
.mobile-menu .menu-main-menu-container .menu > li,
.mobile-menu .menu-main-menu-en-container .menu > li {
padding-top: 18px;
padding-bottom: 18px;
padding-left: 44px;
border-width: 1px;
text-align: left;
}
.mobile-menu .menu-main-menu-container li.menu-item-has-children .expander,
.mobile-menu .menu-main-menu-en-container li.menu-item-has-children .expander {
top: 13px;
left: 5px;
}
.mobile-menu .menu-main-menu-container li a,
.mobile-menu .menu-main-menu-en-container li a {
font-size: 15px;
}
.mobile-menu .menu-main-menu-container li > a,
.mobile-menu .menu-main-menu-en-container li > a {
text-transform: uppercase;
}
.mobile-menu .menu-main-menu-container ul.sub-menu,
.mobile-menu .menu-main-menu-en-container ul.sub-menu {
padding-left: 15px;
}
.mobile-menu ul.sub-menu > li.menu-item {
margin-bottom: 13px !important;
}
.mobile-menu ul.sub-menu li a {
padding-left: 0px !important;
font-size: 14px;
}
.mobile-menu ul.sub-menu li a:hover {
padding-left: 0px !important;
}
.mobile-menu .menu-main-menu-container ul.sub-menu,
.mobile-menu .menu-main-menu-en-container ul.sub-menu {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 380px) {
#wrap_all #header-meyer .language_container ul li a {
margin-left: 3px;
}
}
#top .main_menu .menu li {
z-index: initial !important;
}