/*
 Theme Name:     Extra Machinimatrix
 Theme URI:      http://www.elegantthemes.com
 Description:    Extra Machinimatrix child
 Author:         Elegantthemes + Machinimatrix
 Author URI:     http://www.machinimatrix.org
 Template:       Extra
 Version:        1.0.0
*/

@import url('../Extra/style.css');
@import url('symple-styles.css');
@import url('table-styles.css');
@import url('modal.css');
@import url('mama.css');

/*
 * Theme customization starts here
*/

.et-top-search .et-search-field { width: 350px !important; }
.page article { background-color: #eef; }

#et-navigation li li {
    padding: 0 5px;
}
#et-menu li li{
    font-size: 10px;
}
#et-navigation li a {
    padding: 8px 0;
}

.et_mobile_menu li a, .nav li li a {
    font-size: 12px;
}

.et-warning .et-box-content {
    color: #000000;
}

.nav li.et-reverse-direction-nav li ul{
 width: 150px;
 right: 150px;
}

.nav li ul {
    width: 150px;
}

#top-menu li li a {
    width:150px;
}

.nav li li ul {
    left:150px;
}

/*
@media (max-width: 980px) {
  #top-header, div#et-secondary-menu, ul#et-secondary-nav {
    display: block !important; 
  }
  #top-header .container {
    padding-top: 0.75em !important;
  }
  #et_mobile_nav_menu {
    display: block;
  }
}

#main-header {
display: none;
}
 
#main-header-wrapper {
display: none;
}
*/

.mamap {
    background-color:red;
}

#main-content .container::before {
    content: none;
}

div.ma_search {
  position:absolute;
  width:100%;
}

div.ma_search div[1] {
  margin:130px auto;
  width:55%;
}

h1{
    margin-bottom: 10px;
}


h2{
    margin-top: 30px;
    margin-bottom: 10px;
}

h3{
    margin-top: 20px;
    margin-bottom: 10px;
}

h4{
    margin-top: 10px;
}

#top-menu a {
    font-size: 1.3em;
}

#main-content div.container {
//    padding-top: 194px;
    width:90%;
}

div.entry-content div.et_pb_section {
    opacity: 0.9;
}

#main-header {
    background:rgba(255,255,255,0.9);
}

#logo {
    max-height:100%;
}

#footer-info {
    display:none;
}

.symple-box, .symple-toggle, .symple-box.center, .symple-toggle.state-closed {
    margin: 0 auto 30px;
    border-radius:6px;
}

.symple-toggle .symple-toggle-trigger, .symple-toggle .symple-toggle-container {
     border-radius:6px;
     background-color: #ebe6e0;
}

div.symple-toggle.complete h3.symple-toggle-trigger {
    color:#006666;
}

div.symple-toggle.incomplete h3.symple-toggle-trigger {
    color:#dd4400;
}

div.symple-toggle.tbd h3.symple-toggle-trigger {
    color:#bbbbbb;
}

//div.symple-toggle.important h3.symple-toggle-trigger {
//    color:#000;
//    background-color: #eeAA88;//#EE9A4D;
//}

.NextendAccordionMenuWidget {
    background-color: #ebe6e0;
    padding: 14px;
}

.NextendAccordionMenuWidget .widgettitle {
    //color:#c27;
    //font-size:1.2em;
    font-family: "roboto slab","source sans pro",arial,sans-serif;
    font-weight: 700;
}

// =======================================================================
// Map 
// =======================================================================

/* ================== */
/* Fade in classses   */
/* ================== */

@keyframes fadein         { from { opacity:0; width:25%; } to { opacity:1; width:80%; transform: translateX(-50%);} }
@-moz-keyframes fadein    { from { opacity:0; width:25%; } to { opacity:1; width:80%; transform: translateX(-50%);} }
@-webkit-keyframes fadein { from { opacity:0; width:25%; } to { opacity:1; width:80%; transform: translateX(-50%);} }
@-o-keyframes fadein      { from { opacity:0; width:25%; } to { opacity:1; width:80%; transform: translateX(-50%);} }

.mmap {
  width:32px;
  height:32px;
  background-image:url('/wp-content/uploads/2018/04/find.png');
  background-repeat:no-repeat;
  float:right;
  border-style:none;
  margin-top:20px;
  margin-right:10px;
  z-index:10;
  //border-color:#555;
  //border-width:4px;
  //border-radius:3px;
  //-moz-border-radius:3px;
  //-webkit-border-radius:3px;

}

.mamap {
    background-color: #ebe6e0;
    background-image: url("/wp-content/uploads/2018/04/find.png");
    background-repeat: no-repeat;
    border-color: #fff;
    border-radius: 10px;
    border-style: groove;
    border-width: 3px;
    float: right;
    height: 42px;
    margin: 5px;
    padding: 5px;
    width: 42px;
    z-index: 10;
}

.mamap img, .mamap > a img {
  display:none;
  opacity: 0;
  position:absolute;
  border: 6px solid #888;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  //_width:50%;
  //_margin-left:-50%;
}

.mamap:hover > img, .mamap:hover > a img {
  display:block;
  animation: fadein 2s;
  max-width:1280px;
  position:absolute;
  z-index: 10;
  //top:50%;
  left:50%;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

div.symple-toggle h3 {
  padding-top: 20px;
}

div.mama_height .symple-_box {
  min-height:280px;
} 

#catapultCookie {
  background-color: rgba(255, 222, 122, 0.83);
  padding:5px;
}

.wpas-table-replies h3{
    margin: 20px 0px 10px;
}