/* 
    Created on : Oct 2, 2018, 2:48:25 PM
    Author     : graper
    File: /technology/_technology-page-styles.css
*/

/* general items across all pages */
#paragraphs a, 
#paragraphs-footer a, 
#paragraphs-footer-2 a {  }
#paragraphs .p_title,
#paragraphs-footer h2 { font-size: 32px; font-weight: normal; }
#paragraph-lora-menu-list >li > a { color: #ffffff; }
#paragraphs .embed-responsive { margin: 0 0 10px 0; }

.index footer#site-footer{ margin: 0; }

/* page header */
.page-header .black-text-shadow{ text-shadow: 0 0 3px #000; }

/* cta button */
.paragraph-cta-button { margin-bottom: 10px; }
.paragraph-cta-button a { padding: 10px 20px; min-width: 100%; white-space:normal; }
.paragraph-cta-button a:hover { opacity:0.8; }

/* generic showcase */
.paragraph-showcase .showcase-grid { margin-top: 30px; }
.paragraph-showcase .showcase-grid .column { margin-bottom: 40px; }
.paragraph-showcase .showcase-title { font-weight: 500; font-size: 2rem; margin-bottom: 20px; }
.paragraph-showcase .showcase-icon { float: left; }
.paragraph-showcase .showcase-icon img { width: 50px; }
.paragraph-showcase .showcase-image { margin-bottom: 30px; }
.paragraph-showcase .body { text-align:center; }
.paragraph-showcase .showcase-icon + .body { float: left; width: 70%; margin-left: 15px; text-align: left; margin-top: 12px; }

/* content showcase */
.paragraph-content-showcase .new { display: inline-block; background-color: #2D7372; color: white; padding: 0 6px;  }
body.linkcharge-wireless-charging .paragraph-content-showcase .new { display: inline-block; background-color: #f68b1e; color: white; padding: 0 6px; }

/* paragraph-list */
.paragraph-list-image { max-height: 100px !important; display:block; margin: 0 auto; }
.paragraph-list .list-items-wrapper { margin: 25px 0; break-inside: avoid-column; }
.paragraph-list .list-items-wrapper .list-item { margin-bottom: 20px; position: relative;  break-inside: avoid-column; }
.paragraph-list .list-items-wrapper .list-item .image { float: left; min-width: 100px; min-height: 100px; margin-right: 10px; }
.paragraph-list .list-items-wrapper .large-text { font-size: 1.8rem; font-weight: 500; margin-top: 0.5rem; position: relative; }
.paragraph-list .list-items-wrapper .small-text { break-inside: avoid; }

#footer-cta { background: #1e5e85; color: #fff; margin-top: 0px; margin-bottom: 0; padding: 15px 0; }
#footer-cta [class*='col-'] { white-space: nowrap; margin: 15px 0; }
#footer-cta a { border: 1px solid #1e5e85; display: block; height: 100%; background: #666; color: #fff; padding: 15px 20px 20px 20px; margin: 0; text-decoration: none; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#footer-cta a:hover { border: 1px solid rgba(255,255,255,0.3); background: #525252; color: #fff; text-decoration: none; }

#footer-cta a.green { background: #6fc44a; }
.no-touchevents #footer-cta a:hover.green { background: #599d3b; }
#footer-cta a.blue { background: #00aeef; }
.no-touchevents #footer-cta a:hover.blue { background: #008bbf; }
#footer-cta a.gray { background: #666; }
.no-touchevents #footer-cta a:hover.gray { background: #525252; }
#footer-cta a.orange { background: #f68b1e; }
.no-touchevents #footer-cta a:hover.orange { background: #dd7d1b; }

#footer-cta .content { display: block; clear: left; font-size: 1.5rem; line-height: 1.3; }
#footer-cta .text { display: inline-block; white-space: normal; width: 80%; height: auto; text-align: left; vertical-align: middle; font-size: 1rem; }
#footer-cta .arrow { display: inline-block; white-space: normal; width: 20%; height: auto; text-align: right; vertical-align: middle; font-size: 4.0rem; line-height: 1; opacity: 0.4; filter: alpha(opacity=40); }

#footer-cta h4 { font-size: 1.4rem; font-weight: 600; display: inline-block; white-space: normal; color: #fff; }

#footer-cta .icon-wrap i.fa { font-size: 3.3rem; padding-right: 7px; }

#footer-cta .icon-wrap { display: block; clear: left; height: auto; margin: 0 0 10px 0; }
#footer-cta .icon-wrap img.icon { display: inline-block; vertical-align: top; }
#footer-cta .icon-wrap h4 { display: inline-block; margin: 10px 0 0 0; line-height: 1.2; }

#footer-cta .icon-wrap h4.img { display: inline-block; }
/* special needed css for custom html list paragraph */
.smtc-list .media-body, .smtc-list .media-left, .smtc-list .media-right { display: block; }
.smtc-list .media-body h4 { margin: 0; }

/* Media Queries */
@media(min-width:480px){
  .page-header .text-large { font-size: 6rem; }
  .paragraph-multi-column-text .column { margin-bottom: 20px; }
  .paragraph-paragraph-2-column-with-video-or-image .col-image, 
  .paragraph-paragraph-2-column-with-video-or-image .col-video { margin-bottom: 2.5rem; }
  .paragraph-cta-button a { min-width:330px;  width: 330px; }
}
@media(min-width:570px){
  .smtc-list .media-body, .smtc-list .media-left, .smtc-list .media-right { display: table-cell; }
  .smtc-list .media-body h4 { margin: 20px 0; }
}

@media(min-width:768px){
  .paragraph-list .list-items-wrapper { column-count: 2; }
  .page-header .text-large { font-size: 5rem; margin-bottom: 1rem; }
  .page-header-icon-wrapper{ display: block; }
  .page-header-icon-wrapper:after { display:block; position: absolute; right: -0.4rem; top: 0;}
  .paragraph-multi-column-text .border-between:after { opacity: 0.5; background-color: #FFFFFF; width: 1px; content: ''; height: 100%; display: inline-block; position: absolute; top: 0; right: 0;}
  .paragraph-multi-column-text .border-between-light:after { background-color: #FFFFFF; }
  .paragraph-multi-column-text .border-between-dark:after { background-color: #454344; }
  .paragraph-paragraph-2-column-with-video-or-image .col-image, 
  .paragraph-paragraph-2-column-with-video-or-image .col-video { margin-bottom: 0; }
  #paragraphs-footer-3 .column:nth-child(-n+2) { border-right: 1px solid rgba(255,255,255,0.5); border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
  .paragraph-list .list-items-wrapper .list-item { min-height: 130px; }  
  .paragraph-paragraph-2-column-with-video-or-image .col-image .vert-center,
  .paragraph-paragraph-2-column-with-video-or-image .col-video .vert-center{ max-width: 300px; }/* ie issue fix */

}

@media(min-width:992px){
  .paragraph-menu-set.breadcrumb { display: block; }
  .page-header-icon-wrapper:after { display:block; position: absolute; right: 1.5rem; top: 0;}
  body.lora .cycle-slideshow-img-bg .control { display: block; }
  .paragraph-paragraph-2-column-with-video-or-image .col-image .vert-center,
  .paragraph-paragraph-2-column-with-video-or-image .col-video .vert-center{ max-width: 400px; }/* ie issue fix */
}

@media(min-width:1200px){
  .page-header-icon-wrapper:after { display: inline-block;  right: 3rem; }
  .paragraph-list .list-items-wrapper .list-item { min-height: 100px; }
  .paragraph-paragraph-2-column-with-video-or-image .col-image .vert-center,
  .paragraph-paragraph-2-column-with-video-or-image .col-video .vert-center{ max-width: 539px; }/* ie issue fix */
}

@media(min-width:1350px){
    body.lora .cycle-slideshow-img-bg .control { width: 85%; }
}