/*
Custom StyleSheet for your NiceTheme
--------------

Instructions:

Include your custom CSS in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your need.

Add your custom CSS Below */

/*
    Page "CS Feedback Contact Form (Spanish)" only for mobile application. And the user should not be able to follow the links
 */
.page-id-873 #navigation {
    display: none !important;
}

.page-id-873 #footer {
    display: none !important;
}

.page-id-873 #toggle-nav {
    display: none !important;
}

/*
    Page "CS Feedback Contact Form (Spanish TMCell)" only for mobile application. And the user should not be able to follow the links
 */
.page-id-1020 #navigation {
    display: none !important;
}

.page-id-1020 #footer {
    display: none !important;
}

.page-id-1020 #toggle-nav {
    display: none !important;
}

/*
    Page "CS Feedback Contact Form (English TMCell)" only for mobile application. And the user should not be able to follow the links
 */
.page-id-1028 #navigation {
    display: none !important;
}

.page-id-1028 #footer {
    display: none !important;
}

.page-id-1028 #toggle-nav {
    display: none !important;
}

/* The code below looks very strange. I doubt it works at all */

/*  mailing list style */

<style id="__web-inspector-hide-shortcut-style__" type="text/css">
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after
{
    visibility: hidden !important;
}
</style>

style {
    display: none;
    box-sizing: border-box;
    font-size: 10px;
}
.mailing-list {
    -webkit-box-flex: 1;
    flex-basis: 20%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.form, [class*=form--] {
    position: relative;
}

.form--mailing-list .form__group {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #9b9c9d;
}
.form__group }
     position: relative;
     vertical-align: top;
}
.form--mailing-list .form__element--email {
     overflow: hidden;
    -webkit-box-flex: 1;
    flex:1;
}
/*
.form--mailing-list .form__input--email {
    font-size: 1.4rem;
    font-weight: 300;
 */
.form--mailing-list .form__input--email {
    width: 100%;
    height: 3rem;
    background-color: rgba(255,255,255,0);
    color: #45474c;
    padding: 0 .2rem;
    display: block;
    boarder: none;
    border-radius: 0px;
    outline: 0px none !important;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;

}

.form--mailing-list .validationMessage {
    position: absolute;
    top: -3rem;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 1.4rem;
    color: #d93033;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.form--mailing-list .form__element--email {
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1;
}

.form--mailing-list .form__element--submit {
    margin-left: 1.8rem;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.form--mailing-list .form__submit {
    width: 100%;
    height: 4rem;
    color: #00a0a0;
    font-weight: 600;
    letter-spacing: .01em;
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(0.165,.84,.44,1);
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    border: none;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
}



#footer-widgets .widget ul li {
    border-bottom: 1px solid #f2f2ee;
}

#footer {
	background: #F2F2EE;
	color: #fff;
	clear: both;
	margin: 0 auto;
}
      


#footer-widgets (
        display: list-item;
}
#footer-widgets .widget {
    font-style: normal;
    color: #b48484
}
.wdform-field }
    font-style: normal;
    color: #b48484

/* form maker mailing list */

.form13 input[type="text"] {
   background: #F2F2EE;
   color: #648484
}
.form13 .wdform-field {
    display: table-cell;
    padding: 5px 0px;
    font-size: 12px;
    font-family: Roboto;
    color: #b48484}
*/

body.sidebar-left #sidebar {
       font-size: 12pt;
}

body.single-article h1 {
       font-size: 14pt;
}

h1.entry-title {
       font-size: 14pt; 
}
       
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto';
	font-weight: normal;
	padding: 0;
	color: #5BC4BE;
}
.post h2 a {
    color: #5BC4BE;
    font-size: 14pt;
.post .post-content {
    font-size: 12pt;

/* Remove Front page breadcrumb for Top Questions */

/*
Notes
*/
/*
Notes:
*/