/*
Theme Name: RT Timeline
Theme URI: http://demo.roartheme.com/wordpress/timeline2/
Description: A WordPress Blog Theme
Author: RoarTheme
Author URI: http://roartheme.com
Version: 1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*************** ADD CUSTOM CSS HERE  ***************/

@media only screen and (max-width: 48em) {
/*************** ADD CUSTOM MOBILE CSS HERE  ***************/


}

/*************** Emma CSS ***************/
.ui.form {
  width: 100% !important;
  padding: 20px 0 !important;
  margin: 0 auto !important;
}
.column {
  padding:5px !important;
}
.ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {width: 100%;}

#EmmaSubmit {
    background-color: #3dadee !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
#formHeader {
  margin-bottom: 25px !important;
  width: 70% !important;
  font-family: Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif; 
  font-size: 18px !important;
  color: #646464;
  -webkit-font-smoothing: antialiased;
}
#formHeaderSuccess {
  margin-bottom: 25px !important;
  width: 40% !important;
  font-family: Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif; 
  -webkit-font-smoothing: antialiased;
  color: #646464;
}

.textformat {
  margin-bottom: 25px !important;
  width: 100% !important;
  font-family: Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif; 
  font-size: 14px !important;
  -webkit-font-smoothing: antialiased;
}

.errorheight {
  height: 1px;
}

.fontupdate {
  font-family: Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif !important; 
  -webkit-font-smoothing: antialiased;
}

.b-close {
  cursor: pointer !important;
  font-family: verdana !important;
  font-size: 1em !important;
  font-style: normal !important;
  color: #000 !important;
  position: absolute !important;
  right: 10px !important;
  top: 5px !important;
  z-index: 999 !important;
}
i.blue.icon {
  color: #3dadee !important;
}
.centered {text-align: center !important;}
.ui.form p {font-size: 18px !important;}
.ui.form h3{font-family: Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif;}
.ui.dimmer {background-color: rgba(0, 0, 0, 0.55) !important;}
.ui.modal {
  border: 3px solid #4b4b4b !important;
  border-radius: 10px !important;
  max-height: 500px !important;
}

.bl {
    -webkit-appearance: none;
    box-shadow: 0 0 0 0!important;
    line-height: 1.5!important;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
}

.ui.modal > .close {
  top: 0.7rem !important;
  right: 0.5rem !important;
}

.ui.input {font-size: 16px !important; }

@media (max-width: 767px) {
  .hidemobile { 
    display:none !important;
  }
  .centerbutton {text-align: center !important;}
  .ui.modal > .close {
    top: 0.5rem !important;
    right: 0rem !important;
}
}

  /* placeholder */
    ::-webkit-input-placeholder {
       text-align: left;
       color: #808080!important;
       font-size: 14px !important;
    }

    :-moz-placeholder { /* Firefox 18- */
       text-align: left;
       color: #808080!important;
       font-size: 14px !important;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       text-align: left; 
       color: #808080!important;
       font-size: 14px !important;
    }

    :-ms-input-placeholder {  
       text-align: left; 
       color: #808080!important;
       font-size: 14px !important;
    }