/*
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;*/
	font-family: "Libre Baskerville", sans-serif;
	font-weight: normal !important;
	font-style: italic;
	font-size: 18px!important;
	display: block!important;
	width: 90%;
	margin: 0 auto 10px !important;
	padding: 5px 15px;
	color: #474747;
	text-align: center;
	border: 1px solid #0092C7;
	background-color: #FFFFFF;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	min-height: 47px;
}

#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; */
  font-family: "Libre Baskerville", 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: 16px !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: 1.7rem !important;
  right: 1.5rem !important;
}

.ui.input {font-size: 16px !important; }

@media (max-width: 768px) {
  .hidemobile { 
    display:none !important;
  }
  .centerbutton {text-align: center !important;}
  .ui.modal > .close {
    /*top: 0.5rem !important;
    right: 0rem !important;*/
}
}

@media (max-width: 480px) {
  .ui.modal {
	  max-height: 600px !important;
	}
}

  /* placeholder */
    ::-webkit-input-placeholder {
       text-align: left;
       color: #000000!important;
       font-size: 13px !important;
    }

    :-moz-placeholder { /* Firefox 18- */
       text-align: left;
       color: #000000!important;
       font-size: 13px !important;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       text-align: left; 
       color: #000000!important;
       font-size: 13px !important;
    }

    :-ms-input-placeholder {  
       text-align: left; 
       color: #000000!important;
       font-size: 13px !important;
    }