/*
 Theme Name:   Modulight Openstrap Child
 Author:       Modulight, Inc. / Ulla Haapanen
 Author URI:   https://www.modulight.com
 Template:     openstrap
*/

@import url("../openstrap/style.css");

/* =Theme customization starts here --- */

/* ---------- generic global styles ---------- */
body, p, ul, ol {
	font-family: "Open Sans"; /* although typography options define these fonts, on some instances paragraph and lists had wrong font weight, this fixes it */
	font-weight: 400;
}

a {color: #1657d9; font-weight: 600; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000;}
a:hover {color: #ff7300; }
h1, h2, h3 {line-height: 1.3 !important; font-weight: 500;}
h1 { font-size: 28px; margin-bottom: 1.1em; }
h2 { margin-top: 1.5em; margin-bottom: 1.2em; }
h3 { margin-top: 1.2em; margin-bottom: 1em; }

.entry-title { display: none; }

.uppercase { text-transform: uppercase; }
.floatleft {float: left; margin-right: 15px;}
.floatright {float: right; margin-left: 15px;}
.tight {margin: 1px;}
.nospaceafter {margin: 20px 1px 1px 1px;}
.nospacebefore {margin-top: 0 !important;}

.tabber { padding-left: 170px; } /* used in newsletter list */
.csstab { display: block; float: left; margin-left: -165px;} /* used in newsletter list */
.strong {font-weight: bold;}
.smallertext {font-size: 13px; line-height: 1.5em; margin: 0 0 .5em !important; } /* shortcodes ultimate "note" element with extra css class */
.smallertext div { padding: 0; border-width: 0; font-family: "Open Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; } /* shortcodes ultimate "note" element with extra css class */

.top-background {
	background-position: top !important;
    background-position-x: center;
    background-position-y: top !important;
}

.vc_toggle_title {color: #ff7300;} /* read more tag color */

.drop-shadow {filter: drop-shadow(2px 2px 4px #b9b9b9);}

/* ---------- /generic global styles ---------- */


#header-top {background-color: #fff; border-bottom: 0px solid #fff;}
/* #post-88 h1 {display:none;} */
.logo-row {height: 20px;}


.entry-content img {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: 0px solid #fff;}

#wrap {padding-bottom: 10px; margin-bottom: 5px;}

/* ---------- contact forms ---------- */
.wpcf7-form-control input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
input[type="text"],
input[type="email"],
textarea
{
	border: 1px solid #ddd;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0.6em 1em;
    padding: 0.6em 0.4em;
    border: 6px solid #1657d9; /* Blue */
	border-radius: 15px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	background-color: #ffffff;
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #82d916; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #e2488c; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #ff7300; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}
/* --------- /contact forms ---------- */


/*--- 2 Column Form Styles Start (used in contact forms) ---*/
#left {
    width: 47%;
    float: left;
    margin-right:6%;
}
#right {
    width: 47%;
    float: left;
}
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.clearfix {
    display:block;
}
/*--- 2 Column Form Styles End ---*/


/* ---------  ML8500 app note special formatting ---------  */
.postid-9763 .entry-header {display:none;}
.postid-9763 h1, h2 {text-transform:uppercase;}
.postid-9763 h3, h4 {text-transform:none; font-family: "Open Sans"; font-weight:normal;}
.postid-9763 .ingressi {text-transform:none; font-family: "Open Sans"; font-weight:normal; font-size: 27px;}
.postid-9763 .rivi {padding: 40px; margin-bottom: 0 !important;}
.postid-9763 .rivi1 {padding: 0px 10px 40px 10px; margin-bottom: 0 !important;}
.postid-9763 .rivi3 {border-left: 40px solid #c6dce3; border-right: 40px solid #c6dce3; padding:20px; margin-bottom:0px;}
.postid-9763 .rivi1 h1 {font-size: 33px; padding-top: 30px; margin-bottom: 0 !important;}
.postid-9763 .sininen {background: #c6dce3; padding:40px;}
.postid-9763 .sininen2 {background: #c6dce3; padding:0px 40px;}
.postid-9763 .valkoinen {background: #ffffff; padding:10px;}
.postid-9763 .tsininen {background: #205da4; color:#ffffff; padding: 10px 40px 40px 40px;}
.postid-9763 .oranssi {background: #f47721; color:#ffffff; padding: 20px;}
.postid-9763 .sininen th {background: #205da4; color:#ffffff; padding: 7px; text-align:center;}
.postid-9763 .sininen tr:nth-child(even) {background: #f0f0f0;}
.postid-9763 .sininen tr:nth-child(odd) {background: #d8d8d8;}
.postid-9763 .sininen td {border: 1px solid #ffffff; text-align:center;}
.postid-9763 .oranssi th {border: 1px solid #ffffff; background: none; color:#000000; padding: 10px; font-weight:bold; text-align:center;}
.postid-9763 .oranssi td {border: 1px solid #ffffff; color:#ffffff; text-align:center;}
/* ---------  /ML8500 app note page ---------  */



/* --------- navigation menu settings ------- */

#nav-main {background-color: #fff; } /* main menubar bottom */

.navbar-inverse{background-color:#fff;border-color:#f47721; border-bottom: 4px solid #1657d9;}

.navbar-inverse .navbar-toggle { border-color: #f47721; background-color: #f47721; } /* menu button */
.navbar-inverse .navbar-toggle:hover { border-color: #ff973a; background-color: #ff973a; } /* menu button hovered */
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #ff973a; } /* menu button when opened */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #333; font-size: 14px; line-height: 17px;} /* 2nd level nav menu items mobile */
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #041259; } /* 2nd level menu items mobile, currently active item  */
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #ff973a; } /* 2nd level menu items mobile, hovered  */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: #ff973a; }  /* 2nd level menu items mobile, hovered  */
.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } /* menu button bars */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: rgb(180, 180, 180);
	background-image: none;
	color: rgb(0, 0, 0);
}
/* --------- /navigation menu settings ------- */


/* ----------- ubermenu current item color fix ------------ */
.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #1657d9 !important;
}
/* ----------- /ubermenu current item color fix ----------- */



/* .su-column {line-height: 1.5em !important;} */

.page-id-88 #breadcrumbs-bottom {display:none;} /* let's not show breadcrumbs on the front page */

#breadcrumbs {display:none;} /* upper breadcrumbs shall not shown, only the lower row */
.breadcrumb {background-color: #f8f8f8; font-size: 11px; margin-bottom: 0px;}

.site-info .row {margin-left: 0px; margin-right: 0px;}
.su-note {border-width: 0px !important; font-style: italic; font-family: Ubuntu, sans-serif;}
.su-divider {height: 1px !important; background: #ddd !important;}
.su-spoiler-title {font-size: 15px !important; color: #006594;}
.su-spoiler-content {color: #333;}

#dashed-line {
	float: center;
	width: 97%;
	height: 1px;
	background: url('/wp/wp-content/themes/firmasite-child/images/dash.png') repeat;
	margin: 8px auto; /* top right bottom left */
}

/* ---------- footer text menu, the bottom-most texts ------- */
#extended-footer {background-color: #fff; color: #555;}

#footertextmenu  {
   font-family: UbuntuRegular, sans-serif;
   font-size: 11px !important;
   text-align: center;
   margin: 0px;
   padding: 0;
   padding-bottom: 10px;
   list-style: none;
   color: #999;
   z-index: 3;
   -webkit-padding-start: 0px !important;
}
#footertextmenu li  {
   height: 100%;
   display:  block;
   float: left;
   margin: 0px !important;
   padding: 0;
   text-align: center !important;
}
#footertextmenu li a  {
   font-style: Normal;
   text-decoration: none;
   color: #999;
   height: 100%;
   display: block;
}
#footertextmenu li a:hover, #contactustext p a:hover  {font-style: italic !important; }
/* ---------- /footer text menu ------- */

/* ------------ footer ------------ */
.textwidget {display: inherit; }
.textwidget ul li {list-style: inside; }
.footercontainer {overflow: auto; }
.col-sm-3 {padding-left: 2px !important;}
.footer-widget-title {color: #222; width:100%; font-weight: normal;}
h4.footer-widget-title {color: #333;} /* title of the footer widget */
h4.footer-widget-title:after {border-bottom: 2px solid #f47721; width:100%;} /* orange line below the title of the footer widget */
.textwidget, .textwidget p, .textwidget ul li {font-size: 13px; font-weight: normal;  color: #333;}
.textwidget a, .textwidget p a, .textwidget ul li a {color: #1657d9; font-weight: bold; }
.textwidget a:hover, .textwidget p a:hover, .textwidget ul li a:hover {color: #ff7300; }
.footer-nav {padding-top: 5px; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 10px;}
/* ------------ /footer ------------ */

.the_champ_horizontal_sharing {float: right;} /* social share buttons at the bottom of the page */
.sharing-button-bar {float: right; margin: 20px 0 0px 20px;}



#pagination-bottom { margin: 0 0 20px 0; }

.smalltext, .smalltext p {font-size: 13px; line-height: 16px;}


.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-size: 14px;
	font-size: 1.2rem;
	line-height: 20px;
}

.grecaptcha-badge {z-index: 1000;}
.upcp-inquire-div, .upcp-wc-cart-div {z-index: 1001;}

/* Komodo / Sectico secure site logo in footer*/
#tl_popupSCOP {
	z-index: 100 !important;
	left: 50px !important;
	top: 10px !important;
	width: 260px !important;
	height: 200px !important;
}


/* ---------- Product search ---------- */
.product-description {
		text-align: left !important;
		font-size: 13px !important;
}
/* ---------- /Product search ---------- */


/* ---------- Tables ---------- */
.Datasheet-table { width: 100%; margin-bottom: 2em; margin-top: 1em; text-align: center; }
.Datasheet-table-header {font-weight: bold; border-top: #ddd 1px solid; border-bottom: #f47721 3px solid; }
.Datasheet-table-body {border-bottom: #ddd 1px solid; }

.appnote-table { width: 100%; margin-bottom: 2em; margin-top: 1em; text-align: center; font-size: 0.9em; }
.appnote-table th {font-weight: bold; background-color: #f47721; padding: 0.6em; color: #fff; border-top: #ddd 0px solid;  border-bottom: #fff 3px solid; text-align: center;}
.appnote-table td {border: #ddd 1px solid; }
.appnote-table tr:nth-child(even) {background-color: #f2f2f2;}

.appnote-table2 { width: 100%; margin-bottom: 2em; margin-top: 1em; text-align: center; font-size: 0.9em; }
.appnote-table2 th {font-weight: bold; background-color: #f47721; padding: 0.6em; color: #fff; border-top: #ddd 0px solid;  border-bottom: #fff 3px solid; text-align: center;}
.appnote-table2 td {border: #ddd 1px solid; }
.appnote-table2 .gray td  {background-color: #f2f2f2;}

.product-table { width: 100%; margin-bottom: 2em; margin-top: 1em; text-align: center; font-size: 14px; }
.product-table th {font-weight: bold; background-color: #f47721; padding: 0.6em; color: #fff; border: #fff 2px solid; border-top: #fff 0px solid;  border-bottom: #fff 3px solid; text-align: center;}
.product-table td {border: #fff 2px solid; }
.product-table .gray td  {background-color: #f2f2f2;}

.investor-table { margin: 2em 0 1em 0; font-size: 1.2em; }
.investor-table th {font-weight: bold; background-color: #f47721; padding: 0.8em; color: #fff; border-top: #ddd 0px solid;  border-bottom: #fff 3px solid; text-align: left;}
.investor-table td {border: #ff7300 2px solid; padding:0.6em; text-align: left;}
.investor-table tr:nth-child(even) {background-color: #fff;}

.investor-table2 { margin: 2em 0 1em 0; border: #ff7300 2px solid; width: 100%;}
.investor-table2 th {font-weight: bold; background-color: #f47721; padding: 0.8em; color: #fff; border-top: #ddd 0px solid;  border-bottom: #fff 3px solid; text-align: left;}
.investor-table2 td {border-bottom: #ff7300 1px solid; padding:0.6em; text-align: left; vertical-align: top;}
.investor-table2 tr:nth-child(even) {background-color: #fff;}

.investor-table3 td {border-bottom: #eee 1px solid; padding: 7px; margin: 0 0 7px 0;}
.investor-table3 td a {text-decoration: underline; font-weight: normal; color: inherit;}

/* ---------- /Tables ---------- */

/* ---------- Accordion ---------- */
.accordion-orange > div > div > div > div.vc_tta-panel-heading {background-color: #ff7300 !important;}
.accordion-darkblue > div > div > div > div.vc_tta-panel-heading {background-color: #041259 !important;}
.accordion-blacktranslucent > div > div > div > div.vc_tta-panel-heading {background-color: rgba(0,0,0,0.7) !important; padding-left: 2em; padding-right: 2em;}
.accordion-blacktranslucent > div > div > div > div.vc_tta-panel-heading > h4.vc_tta-panel-title > a {padding: 14px 0px !important;}
.accordion-blacktranslucent > div > div > div > div.vc_tta-panel-body {background-color: rgba(0,0,0,0.7) !important; padding: 14px 0px !important;}

/* ---------- /Accordion ---------- */

/*----------- Flow-flow social media --------*/
.ff-item .ff-content, .ff-article, .ff-item .ff-content p { font-size: 11px !important; line-height: 1.5em !important;}
.ff-item h4, .ff-item h4 a {margin: 4%; line-height: 1.5em !important; font-size: 12px !important;}
/*----------- /Flow-flow social media --------*/


/*------------ Lists with square hollow bullet------------*/
ul.squarebullets { list-style: none; padding: 0px; }
ul.squarebullets li:before { content: '\2751'; float: left; margin-right: 0.5em; margin-left:-1.5em; }
ul.squarebullets li {margin-bottom: 0.5em; font-size: 120%;}
/*------------ /Lists with square hollow bullet------------*/

/*------------ Lists with square hollow bullet with more compact spacing------------*/
ul.squarebullets2 { list-style: none; padding: 0px; }
ul.squarebullets2 li:before { content: '\2751'; float: left; margin-right: 0.5em; margin-left:-1.5em; }
ul.squarebullets2 li {margin-bottom: 0.1em; font-size: 105%;}
/* second level bullets defined below: */
ul.squarebullets2 li ul { list-style: none; padding: 0px; }
ul.squarebullets2 li ul li:before { content: '\2751'; float: left; margin-right: 0.5em; margin-left: 0.5em;}
ul.squarebullets2 li ul li {margin-bottom: 0.1em; font-size: 95%;}
/*------------ /Lists with square hollow bullet with more compact spacing------------*/

/*------------ white text------------*/
.white {color: #ffffff;} /* can be added for instance to <li> elements */
/*------------ /white text------------*/


/*------------------Application note (post) elements----------------*/
.appnote-conclusions {font-size: 130%;}
.appnote-info, .appnote-info > p {font-size: 160% !important; line-height: 1.2em !important;}
.appnote-disclaimer {max-width: 80%; margin: auto !important; text-align: center; font-size: 120%;  }
.lightgray { background: #eeeeee; padding: 1.5em; }
/*------------------/Application note (post) elements----------------*/

/*------------------Post grid on frontpage----------------*/
.frontpage-post-excerpt, .frontpage-post-excerpt p  {font-size: 13px;}
.publication, .date, .authors {font-size: 13px;}
.publication {font-weight: 600;}
.authors {font-style: italic;}
.nomargin {margin: 0px !important;}
/*------------------/Post grid on frontpage----------------*/

/*------------------Publication of the Month elements----------------*/
.publicmonthheader {  font-weight: 600; text-align: center; font-size: 0.8em; letter-spacing: 1.5px; font-style: normal; }
.publicmonthheader > div {padding: 0.8em;}
.publicmonthlabel, .publicmonthlabel a { background: #5dc0e4 !important; font-size: 1em !important; line-height: 2em !important; padding: .2em .5em !important; color: #ffffff; margin: .8em 0em !important; }
.postid-10209 .entry-header, .postid-10286 .entry-header, .postid-11325 .entry-header, .postid-11873 .entry-header, .postid-12260 .entry-header, .postid-13447 .entry-header, .postid-15026 .entry-header, .postid-15784 .entry-header, .postid-15900 .entry-header, .postid-16122 .entry-header, .postid-16998 .entry-header, .postid-17067 .entry-header, .postid-17199 .entry-header, .postid-17346 .entry-header, .postid-17873 .entry-header, .postid-18699 .entry-header {display:none;} 

/*------------------/Publication of the Month elements----------------*/

/* ---------- Investor pages ---------- */
.whitedropcap {
	color: #000 !important;
	background: linear-gradient(to bottom,#fff 0,#fff 100%) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100%) !important;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
text-shadow: 0px 0px 0 #000;
border-radius: 50%;
}
.circleblock {
	border-radius: 50%;
	font-size: 2em;
	text-align: center;
	background: #ff7300;
	color: #fff;
	height: 5em;
	width: 5em;
	line-height: 2em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	margin: 0 auto;
}

.custom-modularfinance.ticker {color: #ffffff;}


/* ---------- /Investor pages ---------- */


/* Esmes styles */

#wrap {
  overflow: hidden;
}

.display-ib {
  display: inline-block;
}

.navbar-collapse {
  max-height: 480px;
}

@media screen and (max-width: 700px) {
  .only-desktop {
    display: none !important;
  }
  .mobile_column .vc_col-xs-4 {
    width: 100%;
  }
}