html.user-logged-in {
margin-top: 0px !important;
}
html.user-logged-in #wpadminbar {
top: -25px;
opacity: 0.001;
transition: all 0.4s;
}
html.user-logged-in #wpadminbar:hover {
top: 0;
opacity: 0.8;
} body, html {
height: 100%;
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
}
#page.site {
background-color: #fff;
width: 100%;
overflow: hidden;
}
#main.hentry {
margin: 0;
margin-bottom: 0;
max-width: 100%;
}
.wrapper {
margin: 0;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
}
.grid-container {
max-width: 1584px;
width: 100%;
margin: 0 auto;
flex: 1;
}
.grid-container.full-width {
max-width: 100%;
}
.grid-container.columns {
margin-bottom: 0;
}
@media (max-width:980px) {
.grid-container {
padding-left: 20px;
padding-right: 20px;
}
}
.content-wrap .columns:last-child,
.content-wrap .columns {
margin-top: 0;
margin-bottom: 0;
} .block-type-content .hentry, 
.block-type-content div.entry-content,
.content-wrap,
.main-content {
margin-bottom: 0;
padding-bottom: 0;
}
div.clearboth {
clear: both;
width: 100%;
} .nav {
background-color: transparent;
} body {
font-size: 16px;
line-height: 1.45em;
color: #333;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
}
h1,
h1.entry-title, 
.elementor-widget-heading h1.elementor-heading-title {
font-size: 3.15rem;
line-height: 1.2em;
letter-spacing: -2px;
}
h2, 
.elementor-widget-heading h2.elementor-heading-title {
font-size: 2.475rem;
line-height: 1.2em;
font-family: 'Source Sans Pro', sans-serif;
}
h3, 
.elementor-widget-heading h3.elementor-heading-title {
font-size: 1.85rem;
line-height: 1.35em;
font-family: 'Source Sans Pro', sans-serif;
}
h4, 
.elementor-widget-heading h4.elementor-heading-title {
font-size: 1.35rem;
line-height: 1.35em;
font-family: 'Source Sans Pro', sans-serif;
}
h5, 
.elementor-widget-heading h5.elementor-heading-title {
font-size: 1.15rem;
line-height: 1.5em;
font-family: 'Source Sans Pro', sans-serif;
}
h6 {
font-size: 1rem;
line-height: 1.5em;
font-family: 'Open Sans', sans-serif;
}
.very-small-text h6 {
font-size: 14px!important;
}
h1, h2, h3, h4, h5 {
margin-bottom:1.2rem;
}
h1, h2, h3 {
font-weight: 800;
}
.elementor-text-editor,
p {
margin-bottom: 1.2em;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.elementor-text-editor {
margin-bottom:0;
}
p:last-child {
margin-bottom: 0;
}
a {
cursor: pointer;
color: inherit;
}
a:hover {
color: #646464;
}
a.anchor {
position: absolute;
top: -50px;
}
h2 a,
h3 a,
h4 a,
p a, 
a:visited {
color: #3F7CAC;
text-decoration: none;
}
h2 a:hover,
h3 a:hover,
h4 a:hover,
p a:hover {
color: #333;
}
.content-area a,
.main-content a,
.wpb_wrapper a,
p a,
.elementor-widget-text-editor a {
text-decoration: underline;
color: inherit;
}
.no-underline.elementor-widget-text-editor a {
text-decoration: none;
}
.content-area a:hover,
.main-content a:hover,
.wpb_wrapper a:hover,
p a {
color: #F79036;
}
strong {
color: inherit;
font-weight: 600;
}
p strong {
color: inherit;
font-weight: 600;
}
.thin, 
.thin h1,
.thin h2, 
.thin h3, 
.thin p {
font-weight: 200;
}
.uppercase {
text-transform: uppercase;
}
.small, .font_small, 
.small p {
font-size: 14px;
}
.white a:hover {
color: #FFF;
}
.spaced p {
margin-bottom: 1.5em;
}
.no-p-space p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-p-space-mobile p {
margin-bottom: 0;
}
}
.indent-after-first-line p,
.indent-after-first-line h6 {
text-indent: -1em;
padding-left: 1em;
}
.entry-content ul.list-style-none,
.entry-content .list-style-none ul {
padding-left: 0;
}
.elementor-section-wrap li ,
.main-content li {
font-family: 'Open Sans', sans-serif;
font-weight:400;
}
.entry-content .list-style-none ul > li {
list-style: none;
margin-bottom: 1em;
padding-left: 0;
}
.elementor-widget-theme-post-content ol,
.main-content ol {
padding-left: 15px;
margin-bottom: 30px;
}
.elementor-widget-theme-post-content ol li,
.main-content ol li {
margin-bottom: 0.8em;
line-height: 1.45em;
}
.elementor-widget-theme-post-content ul,
.entry-content ul {
margin-left: 2em;
}
.elementor-widget-theme-post-content ul li,
.entry-content ul > li {
margin-bottom: 0.8em;
line-height: 1.3em;
font-size: 1em;
position: relative;
list-style: disc;
position: relative;
} .white,
.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white li,
.white a,
.white.wpb_text_column,
.vc_row .white li a,
.white h4 a {
color: white;
}
.grey,
.grey p,
.grey h1,
.grey h2,
.grey h3,
.grey h4,
.grey li,
.grey a,
span.grey {
color: #646464;
} img {
max-width: 100%;
height: auto;
display: block;
}
video {
-webkit-object-fit: contain!important;
object-fit: contain!important;
}
input {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.button,
a.more-link,
button.btn,
a.btn,
input.button,
input[type=submit],
input[type=button] , 
button.frm_button_submit {
display: inline-block;
border: 0;
background-color: #F79036;
color: #fff;
cursor: pointer;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1rem;
font-weight:800;
font-weight: normal;
padding: 20px 46px;
text-decoration: none;
text-align: center;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.elementor-button .elementor-button-text {
font-weight: 800;
}
.button:hover,
button.frm_button_submit:hover,
a.btn:hover,
button.btn:hover,
input.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
background-color: #2F2D52;
color: #FFF;
} ::-webkit-input-placeholder {
color: #646464;
}
::-moz-placeholder {
color: #646464;
}
:-ms-input-placeholder {
color: #646464;
}
:-moz-placeholder {
color: #646464;
} .dark-grey ::-webkit-input-placeholder {
color: #2c2b2;
}
.dark-grey ::-moz-placeholder {
color: #2c2b2;
}
.dark-grey :-ms-input-placeholder {
color: #2c2b2;
}
.dark-grey :-moz-placeholder {
color: #2c2b2;
}
input[type="url"], 
input[type="password"], 
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="text"], 
input[type="password"], 
input[type="email"], 
textarea, select {
border: 1px solid rgba(0,0,0,0.6);
padding: 10px 20px;
outline: none;
-webkit-border-radius: 0px;
border-radius: 0!important;
display: inline-block;
background: transparent;
width: 100%;
max-width: 800px;
font-weight: normal;
font-size: 1rem;
}
input[type="checkbox"] {
width: auto;
}
form textarea {
height: 100px;
}
.white input[type="number"],
.white input[type="tel"],
.white input[type="text"], 
.white input[type="password"], 
.white input[type="email"], 
.white textarea,.white  select, 
.white .wpcf7-form input {
color: #FFF!important;
border-color: #ccc;
border: 1px solid;
}
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
textarea:focus, select:focus {
border-color: #ddd;
box-shadow: none;
color: #444;
}
.input-trigger  {
position:relative;
}
.input-trigger label {
cursor:pointer;
position:relative;
z-index:10;
font-family: 'Open Sans', sans-serif;
}
.input-trigger input {
visibility: hidden;
position: absolute;
z-index:0;
}
.search-submit {
margin-top: 15px;
} button.frm_button_submit {
padding-top:0;
padding-bottom:0;
line-height:46px;
margin-top:1rem;
font-weight:800;
}
.custom-dropdown select {
display: none;
}
#main .frm_inside_container .frm_primary_label {
display: none;
}
.frm_other_input  {
margin-top:0.75rem;
}
#main .frm_style_formidable-style.with_frm_style .form-field input, 
#main .frm_style_formidable-style.with_frm_style .form-field textarea, 
#main .frm_style_formidable-style.with_frm_style .form-field select {
background-color:transparent;
} div::-webkit-scrollbar-track,
iframe::-webkit-scrollbar-track {
border-radius: 10px;
background-color: white;
}
div::-webkit-scrollbar,
iframe::-webkit-scrollbar {
width: 3px;
background-color: transparent;
}
div::-webkit-scrollbar-thumb,
iframe::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: rgba(0,0,0,0.25);
} .pagination {
display:inline-block;
text-align:center;
width: 100%;
}
.pagination a.page-numbers,
.pagination span.page-numbers {
float: none;
display: inline-block;
box-shadow:none;
border-radius:0;
transition: all 0.5s;
margin: 0 0.25em;
font-size: 1rem;
font-weight: normal;
text-align:center;
outline:none;
font-family: "Open Sans",Sans-serif;
}
.pagination a.page-numbers {
color:#333;
}
.pagination a.next,
.pagination a.prev {
width:auto;
padding:0 10px;
}
.pagination a.page-numbers:hover,
.pagination a.next:hover,
.pagination a.prev:hover,
.pagination span.current,
.pagination a.active {
color:#F79036;
} .tabs  {
position:relative;
flex-direction:column;
}
.tabs li.is-active a,
.tabs li a:hover {
color:inherit;
border-bottom-color: #F79036;
}
.tabs .tab-panel {
white-space: normal;
padding:30px 15px;
}
.tabs .tab-panel:not(.is-active){
display:none;
} .accordion-container .accordion {
padding:10px 30px;
border:1px solid #eee;
cursor:pointer;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
color: #2f2d52;
border-radius:30px;
margin-bottom:10px;
background-color: #fff;
}
.accordion-container .accordion.active,
.accordion-container .accordion:hover {
background-color: #2f2d52;
color: #FFF;
}
.accordion-container .accordion h3 {
margin-bottom:0;
font-size:1.25rem;
}
.accordion-container .panel {
display:none;
padding:30px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
border-radius:30px;
background-color: #fff;
} section table td, section table th {
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
} p, h1, h2, h3, h4, button, 
a, input , img , svg path, svg circle {
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
div {
transition: background-color 0.5s ease;
} @-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% { opacity: 1; }
}
@keyframes fadeIn {
0% {opacity: 0;}
100% { opacity: 1; }
} .content-wrap .main-content.column ,
.content-wrap .main-content > article,
.content-wrap .main-content > article > .entry-content {
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
}
.single .hentry {
margin-bottom:0;
} .product-info-lists h3 {
color: #2f2d52;
}
.product-info-lists  .inner {
padding:30px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
border-radius:10px;
background-color: #fff;
}
.product-info-lists  ul li {
border-bottom:1px solid #eee;
padding:0.75em;
}
.info-list.column {
margin-bottom:20px;
}
.product-info-lists  ul li:last-child {
border-bottom:0;
}
.catalogue-item  .inner.columns {
padding:30px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
border-radius:10px;
background-color: #fff;
margin-left:0;
margin-right:0;
height: 100%;
}
.catalogue-item .item-image {
width:150px;
}
.catalogue-item img {
max-height: 100%;
}
.catalogue-item .item-description > span {
font-size:0.8rem;
text-transform:uppercase;
font-weight:400;
color: #9f9cca;
letter-spacing:0.03em;
}
.catalogue-item.is-12 .item-description p {
margin-bottom: 1.2em;
}
.technical-info-accordion .panel  table {
cellspacing: auto;
border:0;
}
.technical-info-accordion .panel  table tr td, 
.technical-info-accordion .panel  table tr td {
padding: 15px;
background-color: unset;
} #case-study-sections blockquote {
position:relative;
padding: 30px 60px;
border-radius: 10px;
box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
margin: 1.5rem 0;
font-size: 1.25rem;
line-height: 1.5em;
color: #2F2D52;
background: #fff;
border-left: 5px solid #F79036;
}
#case-study-sections blockquote:before {
background-image:url(//www.mscpltd.ca/wp-content/themes/mscp/images/left-quote.svg);
background-repeat:no-repeat;
background-size:26px;
padding:20px;
width:60px;
height:60px;
border-radius:100%;
content: '';
position:absolute;
top: 0;
bottom: 0;
margin: auto;
left: -30px;
box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
background-color: #fff;
background-position:center;
z-index:10;
}
#case-study-sections blockquote strong {
display: inline-block;
width: 100%;
text-align: right;
margin-top: 1em;
text-transform: uppercase;
font-size: 0.9rem;
color: #999;
}
#case-study-sections ul {
padding-left:3rem;
}
#case-study-sections ul li {
list-style:disc;
}
#case-study-sections ul li {
margin-bottom:1em;
}   .social-links {
display: flex;
flex-wrap: wrap;
font-size: 1.5em;
}
.social-links .social-link {
margin-right: 10%;
margin-bottom: 5%;
}