/*
Theme Name: SYRTEM
Theme URI: http://www.syrtem.com/home/
Author: Charles Censier
Author URI: -
Description: Theme for SYRTEM website.
Version: 1.0.0
License: Private
*/

#wrapper { min-height: 100%; height: auto !important; }
#wrapper #container { margin-right: auto; margin-left: auto; min-height: 50vh; max-width: 1170px; }

/*-------------------------------------------------------------------------*\
|								 Menu Top									|
\*-------------------------------------------------------------------------*/
#header { width: 100%; height: 60px; background-color: #333333; }
#header #logo-link { height: 55px; max-width: 170px; }
#header #logo-link #logo { height: 55px; max-width: 170px; background: url( "http://www.syrtem.com/home/wp-content/uploads/2018/03/syrtem_clean.png" ) center left no-repeat; background-size: contain;  }

/*-------------------------------------------------------------------------*\
|								  Footer									|
\*-------------------------------------------------------------------------*/
footer { position: fixed; bottom: 0; height: 18px; width: 100%; text-align: center; background-color: #333333; }
footer #copyright { margin-top: 3px; font-size: 12px; color: #F2F2F2; }

/*-------------------------------------------------------------------------*\
|								   Body										|
\*-------------------------------------------------------------------------*/
.page-id-41,
.page-id-56 { height: 100%; margin: 0 !important; background: rgba(30, 89, 139, 1); color: #F2F2F2; }

#post-41 .header .entry-title,
#post-56 .header .entry-title  { text-align: center; color: #F2F2F2; }


/*-------------------------------------------------------------------------*\
|								 Newsletter									|
\*-------------------------------------------------------------------------*/
.page-id-41 { background-size: cover;
	/*background: url( "http://www.syrtem.com/home/wp-content/uploads/2018/03/tech_3.jpg" ) center center no-repeat;*/
	/*background: url( "http://www.syrtem.com/home/wp-content/uploads/2018/03/business_1.jpg" ) top center no-repeat;*/
	/*background: url( "http://www.syrtem.com/home/wp-content/uploads/2018/03/business_2.jpg" ) top center no-repeat;*/
	/*background: url( "http://www.syrtem.com/home/wp-content/uploads/2018/03/business_3.jpg" ) top center no-repeat;*/
	/*background: url( "http://www.syrtem.com/home/wp-content/uploads/2018/03/business_4.jpg" ) top center no-repeat;*/
}
/*.page-id-41 #wrapper { height: 100% }*/
/*.page-id-41 #wrapper #container { background-color:   rgba(0, 0, 0, 0.4); padding: 5px 0 15px 0; margin-top: 20px; }*/
#post-41 .entry-content .tnp form .tnp-field label { padding-left: 0; }
#post-41 .entry-content .tnp form .tnp-field label input { margin-left: 0; }
#post-41 .entry-content .tnp form .tnp-field-button .tnp-submit { width: 100%; text-align: center; padding: 15px; font-size: 16px; }
#post-41 .entry-content .tnp form .tnp-field-button .tnp-submit:active,
#post-41 .entry-content .tnp form .tnp-field-button .tnp-submit:focus, 
#post-41 .entry-content .tnp form .tnp-field-button .tnp-submit:hover { background-color: #222222; }

#post-41 .entry-content p { width: 100%; max-width: 500px; margin: auto; }

/*	Confirmation  */
.news-confirm { text-align: center; }
/*	Unsubscribe  */
.news-unsub { text-align: center; }
.news-unsub a { color: #F2F2F2; text-decoration: underline; }
.news-unsub a:active,
.news-unsub a:focus, 
.news-unsub a:hover { color: #BBBBBB; }
/*	Bye Bye  */
.news-byebye { text-align: center; }
/*	Profil  */
.news-profil { width: 100%; max-width: 500px; margin: auto; }
.news-profil label { color: #F2F2F2 !important; }
.news-profil input { width: 100%; }
.news-profil .news-info { text-align: center; }
.news-profil .news-profil-unsub { margin-top: 60px !important; width: 100%; }
.news-profil .news-profil-unsub a { display: block; width: 100%; padding: 15px 0px; color: #F2F2F2; text-decoration: none; text-align: center; background-color: #444444; font-size: 16px; }
.news-profil .news-profil-unsub a:active,
.news-profil .news-profil-unsub a:focus, 
.news-profil .news-profil-unsub a:hover { background-color: #222222; }

/*-------------------------------------------------------------------------*\
|								 Download									|
\*-------------------------------------------------------------------------*/
#post-56 .entry-content { max-width: 500px; width: 100%; font-size: 14px; font-weight: bold; margin: 15px auto; }
#post-56 .entry-content .download-preamble { font-weight: normal; font-size: 16px; margin-bottom: 30px; }
#post-56 .entry-content form p span input { max-width: 478px; width: 100%; height: 30px; margin: 5px 0; padding: 10px; font-size: 14px; border: 1px solid #DDDDDD; background-color: #F4F4F4; }
#post-56 .entry-content form p .ed_bt_css { width: 100%; text-align: center; background-color: #444444; color: #F2F2F2; border: none; padding: 15px; font-size: 16px; margin-top: 10px; }
#post-56 .entry-content form p .ed_bt_css:active,
#post-56 .entry-content form p .ed_bt_css:focus, 
#post-56 .entry-content form p .ed_bt_css:hover { background-color: #222222; }

.ed_sent_successfully { display: block; text-align: center; }