/* GLOBAL */
html {
  font-size: 18px;
  background-color: #222222;
  overflow-y: hidden;
}
body {
  background: transparent;
}
*[not-allowed],
.disabled {
  cursor: not-allowed !important;
}
.hidden.menu {
  display: none;
}
/* TEXT */
p[class*="justified text"],
span[class*="justified text"],
dd[class*="justified text"],
div[class*="justified text"],
strong[class*="justified text"],
em[class*="justified text"] {
  text-align: justify !important;
  display: block;
}
p[class*="center aligned text"],
span[class*="center aligned text"],
dd[class*="center aligned text"],
div[class*="center aligned text"],
strong[class*="center aligned text"],
em[class*="center aligned text"] {
  text-align: center !important;
  display: block;
}
p[class*="left aligned text"],
span[class*="left aligned text"],
dd[class*="left aligned text"],
div[class*="left aligned text"],
strong[class*="left aligned text"],
em[class*="left aligned text"] {
  text-align: left !important;
  display: block;
}
p[class*="right aligned text"],
span[class*="right aligned text"],
dd[class*="right aligned text"],
div[class*="right aligned text"],
strong[class*="right aligned text"],
em[class*="right aligned text"] {
  text-align: right !important;
  display: block;
}
p[class*="backdropped"],
span[class*="backdropped"],
dd[class*="backdropped"],
div[class*="backdropped"],
strong[class*="backdropped"],
em[class*="backdropped"] {
  display: inline-block !important;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 10px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
p[class*="shadowed"],
span[class*="shadowed"],
dd[class*="shadowed"],
div[class*="shadowed"],
strong[class*="shadowed"],
em[class*="shadowed"] {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
p[class*="uppercase"],
span[class*="uppercase"],
dd[class*="uppercase"],
div[class*="uppercase"],
strong[class*="uppercase"],
em[class*="uppercase"] {
  text-transform: uppercase;
}
html,
body,
div,
span,
p,
strong,
em,
a .ui.segment,
.ui.button {
  font-family: "Lato", sans-serif;
}
a {
  color: inherit;
}
a:hover {
  color: #f58239;
}
a.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui.items.link > .item:hover > .content > a.header {
  color: #f58239;
}
.ui.items.link > .item:hover > .content > a.header:hover {
  color: #f58239;
}
.ui.item .primary.link,
.item .primary.link {
  color: #f47321;
}
/* HEADERS */
h1,
h2,
h3,
h4,
h5,
h6,
.ui.header {
  font-family: "Lato", sans-serif;
}
.ui.header.primary {
  color: #f47321;
}
.ui.header.massive {
  font-size: 3em;
}
.ui.header.ludicrous {
  font-size: 4em;
}
.ui.header[class*="backdropped"] {
  display: inline-block !important;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 10px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
.ui.header[class*="shadowed"] {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
.ui.header.fitted {
  margin: 0 !important;
}
.ui.header.uppercase {
  text-transform: uppercase;
}
.ui.header.inline {
  display: inline-block;
}
/* ICONS */
i.icon.primary {
  color: #f47321;
}
i.icon.secondary {
  color: #00994b;
}
i.icon.circular.primary {
  color: #f47321 !important;
}
i.icon.circular.primary.inverted {
  background-color: #f47321 !important;
  color: #ffffff !important;
}
i.icon.circular.secondary {
  color: #00994b !important;
}
i.icon.circular.secondary.inverted {
  background-color: #00994b !important;
  color: #ffffff !important;
}
i.icon.toc {
  margin: 0;
}
/* ELEMENTS BORDER RADIUS */
.ui.button,
.ui.form input,
.ui.form textarea {
  border-radius: 0;
}
/* BRANDING */
a {
  color: #f47321;
  transition: color cubic-bezier(0.19, 1, 0.22, 1) 250ms;
}
a:hover {
  color: #f58239;
  transition: color cubic-bezier(0.19, 1, 0.22, 1) 250ms;
}
.ui.button.primary {
  background-color: #f47321;
}
.ui.button.primary:hover,
.ui.button.primary:focus,
.ui.button.primary:active {
  background-color: #f58239;
}
.ui.button.secondary {
  background-color: #00994b;
}
.ui.button.secondary:hover,
.ui.button.secondary:focus,
.ui.button.secondary:active {
  background-color: #00b357;
}
.ui.buttons.primary .button {
  background-color: #f47321;
}
.ui.buttons.primary .button:hover,
.ui.buttons.primary .button:focus,
.ui.buttons.primary .button:active {
  background-color: #f58239;
}
.ui.buttons.secondary .button {
  background-color: #00994b;
}
.ui.buttons.secondary .button:hover,
.ui.buttons.secondary .button:focus,
.ui.buttons.secondary .button:active {
  background-color: #00b357;
}
/* GRID SYSTEM */
section.fixed.content {
  position: fixed !important;
  top: 0;
  z-index: 10001;
  width: 100%;
}
section.ui.segment[class*="full height"] {
  min-height: 100vh;
}
section.ui.segment[class*="full height"] .ui.grid {
  min-height: 100vh;
}
section.ui.segment[class*="half height"] {
  min-height: 50vh;
}
section.ui.segment[class*="half height"] .ui.grid {
  min-height: 50vh;
}
section.ui.segment[class*="third height"] {
  min-height: 33vh;
}
section.ui.segment[class*="third height"] .ui.grid {
  min-height: 33vh;
}
section.ui.segment[class*="quarter height"] {
  min-height: 25vh;
}
section.ui.segment[class*="quarter height"] .ui.grid {
  min-height: 25vh;
}
section.ui.segment[class*="not padded"] {
  padding: 0;
}
section.ui.segment.fixed {
  position: fixed !important;
  top: 0;
  width: 100%;
}
section.ui.segment.inverted {
  background-color: #222222;
}
section.ui.segment.inverted * {
  color: #ffffff;
}
section.ui.segment.inverted i.icon.primary {
  color: #f47321;
}
section.ui.segment.inverted i.icon.secondary {
  color: #00994b;
}
section.ui.segment.inverted.alternate {
  background-color: #2a2a2a;
}
section.ui.segment.inverted.alternate * {
  color: #ffffff;
}
section.ui.segment.primary.inverted {
  background-color: #f47321;
}
section.ui.segment.basic:not([data-bg]):not(.inverted) {
  background-color: #fff;
}
section.ui.segment[class*="shadowed"] {
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.9);
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
/* SEGMENTS */
.ui.segment.padded {
  padding: 2em;
}
.ui.segment.padded.very {
  padding: 3em;
}
.ui.segment.padded.not {
  padding: 0;
}
.ui.segment.basic:not(.vertical):not(.attached) {
  border-radius: 0;
}
.ui.segment.tilted.left {
  transform: rotate(-1.2deg);
}
.ui.segment.tilted.right {
  transform: rotate(1.2deg);
}
.ui.segment.compact {
  display: inline-block;
}
.ui.segment.squared {
  border-radius: 0;
}
.ui.segment .circular {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui.segment .circular.centered {
  margin: 0 auto;
}
.ui.segment.primary {
  background-color: #f47321;
}
.ui.cards.unequalized .card {
  align-self: flex-start;
}
.ui.masonry.grid {
  display: block;
}
@media only screen and (min-width: 768px) {
  .ui.masonry.grid {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .ui.masonry.grid.ui.doubling[class*="three column"] > .column {
    width: 100% !important;
  }
}
@media only screen and (min-width: 992px) {
  .ui.masonry.grid {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
/* FIXES */
[data-fix] {
  /* Piled segments hotfix */
  /* Rounded corner label hotfix */
}
[data-fix][data-fix*="piled segment"] {
  z-index: 1;
}
[data-fix][data-fix*="rounded corner label"] {
  overflow: hidden;
}
/* BACKGROUND */
.ui.segment[data-bg*="solid color"][data-bg-attribute*="primary"] {
  background-color: #f47321;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="secondary"] {
  background-color: #00994b;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="dark"] {
  background-color: #222222;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="dark alternate"] {
  background-color: #2a2a2a;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="light"] {
  background-color: #ffffff;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="light alternate"] {
  background-color: #fafafa;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="light grey"] {
  background-color: #ddd;
}
.ui.segment[data-bg*="solid color"][data-bg-attribute*="dark grey"] {
  background-color: #666;
}
.ui.segment[data-bg*="image"] {
  background-size: cover;
  background-repeat: no-repeat;
}
.ui.segment[data-bg*="image"][data-bg-attribute*="overlay"]:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: repeat;
}
.ui.segment[data-bg*="image"][data-bg-attribute*="fixed"] {
  background-attachment: fixed;
}
.ui.segment[data-bg*="tiled image"] {
  background-repeat: repeat;
}
.ui.segment[data-bg*="video"] {
  background-color: transparent !important;
}
.ui.segment[data-bg*="video"] video {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  /* I know, I know, wtf... */
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
  transform: translateX(-50%) translateY(-50%);
  transition: 1s opacity;
}
.ui.segment[data-bg*="video"][data-bg-attribute*="fixed"] {
  background-attachment: fixed;
}
.ui.segment[data-bg*="video"][data-bg-attribute*="fixed"] video {
  position: fixed;
  z-index: -1;
}
.ui.segment[data-bg*="video"][data-bg-attribute*="overlay"]:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: repeat;
}
/* NAV */
#nav-main-fixed {
  z-index: 1001;
}
#site-header .ui.menu.absolute {
  position: absolute;
  width: 100%;
  margin: auto;
  z-index: 1000;
}
#site-header .ui.menu.basic {
  margin-top: -1rem;
  margin-bottom: 0;
}
.ui.menu {
  justify-content: space-around;
}
.ui.menu .left.menu {
  flex-basis: 0;
  flex-grow: 1;
}
.ui.menu .center.menu {
  flex-basis: 0;
  flex-grow: 2;
  justify-content: center;
  display: flex;
}
.ui.menu .right.menu {
  flex-basis: 0;
  flex-grow: 1;
  text-align: right;
  justify-content: flex-end;
}
.ui.menu .item {
  transition: all cubic-bezier(0.19, 1, 0.22, 1) 250ms;
}
.ui.menu .item i.primary.icon {
  color: #f47321;
}
.ui.menu.inverted.secondary a.item:not(.disabled) {
  color: #ffffff !important;
}
.ui.menu.vertical[class*="right aligned"] {
  width: auto;
  text-align: right;
}
.ui.menu.tabular .active.item {
  font-weight: normal;
}
.ui.inverted.link.list .item,
.ui.inverted.link.list .item a:not(.ui),
.ui.inverted.link.list a.item {
  color: #fafafa;
  cursor: pointer;
}
.ui.inverted.link.list .item:hover,
.ui.inverted.link.list .item a:not(.ui):hover,
.ui.inverted.link.list a.item:hover {
  color: #f47321;
}
/* BUTTONS */
.ui.button {
  transition: all cubic-bezier(0.19, 1, 0.22, 1) 250ms;
}
.ui.button > .icon:not(.button) {
  opacity: 1;
}
.ui.button.inverted:hover {
  color: #f47321;
}
.ui.button.inverted:hover i.icon {
  color: #f47321;
}
/* LABELS */
.ui.label.primary {
  background-color: #f47321;
  color: #ffffff;
}
.ui.label > .icon:only-child {
  margin: 0;
}
/* FORMS */
.ui.form {
  color: #222222;
}
.ui.form input:not([type]),
.ui.form input[type=text],
.ui.form input[type=email],
.ui.form input[type=search],
.ui.form input[type=password],
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=file],
.ui.form input[type=url],
.ui.form input[type=number],
.ui.form textarea {
  border-color: #cccccc;
  font-family: "Lato", sans-serif;
  border-radius: 0;
}
.ui.form input:not([type]):focus,
.ui.form input[type=text]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=url]:focus,
.ui.form input[type=number]:focus,
.ui.form textarea:focus {
  border-color: #f47321;
  border-radius: 0;
}
.ui.form.inverted input:not([type]),
.ui.form.inverted input[type=text],
.ui.form.inverted input[type=email],
.ui.form.inverted input[type=search],
.ui.form.inverted input[type=password],
.ui.form.inverted input[type=date],
.ui.form.inverted input[type=datetime-local],
.ui.form.inverted input[type=tel],
.ui.form.inverted input[type=time],
.ui.form.inverted input[type=file],
.ui.form.inverted input[type=url],
.ui.form.inverted input[type=number],
.ui.form.inverted textarea {
  color: #eee;
  background-color: #050505;
  border-color: #2a2a2a;
}
.ui.form.inverted input:not([type]):focus,
.ui.form.inverted input[type=text]:focus,
.ui.form.inverted input[type=email]:focus,
.ui.form.inverted input[type=search]:focus,
.ui.form.inverted input[type=password]:focus,
.ui.form.inverted input[type=date]:focus,
.ui.form.inverted input[type=datetime-local]:focus,
.ui.form.inverted input[type=tel]:focus,
.ui.form.inverted input[type=time]:focus,
.ui.form.inverted input[type=file]:focus,
.ui.form.inverted input[type=url]:focus,
.ui.form.inverted input[type=number]:focus,
.ui.form.inverted textarea:focus {
  border-color: #fafafa;
}
.ui.form .fields:last-child {
  margin-bottom: 0;
}
.ui.embed[class*="3:2"] {
  padding-bottom: 66.6667%;
}
.ui.input.labeled:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-color: #f47321;
}
.ui.dropdown.icon .menu {
  text-align: center;
}
.ui.dropdown.icon .menu > .item {
  text-align: center;
}
.ui.dropdown.icon .menu > .item > .icon:only-child {
  margin-right: 0;
}
.ui.dropdown.selection {
  min-width: 16em;
}
.ui.dropdown.selection:focus {
  border-color: #f47321;
}
.ui.dropdown.selection.active {
  border-color: #f47321;
}
.ui.dropdown.selection.active:hover {
  border-color: #f47321;
}
.ui.dropdown.selection.active:hover .menu {
  border-color: #f47321;
}
.ui.dropdown.selection.active .menu {
  border-color: #f47321;
}
.ui.dropdown.selection.primary:not(.active) {
  background-color: #f47321;
  color: #fff;
}
.ui.dropdown.selection.primary:not(.active) > .text {
  color: #fff;
}
.ui.dropdown.label i.dropdown.icon {
  margin-left: 0.5em;
}
.ui.dropdown.label > .text > .icon:only-child {
  margin-right: 0;
}
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before,
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
  border-color: #f47321;
}
/* BREADCRUMB */
.ui.breadcrumb .section,
.ui.breadcrumb .divider,
.ui.breadcrumb .active.section {
  color: #fafafa;
}
.ui.breadcrumb .section:hover,
.ui.breadcrumb .divider:hover,
.ui.breadcrumb .active.section:hover {
  color: #ffffff;
}
/* DIVIDERS */
.ui.divider.bold {
  max-width: 150px;
  border-top: solid 2px #888 !important;
  border-bottom: solid 2px #888 !important;
}
.ui.divider.bold.small {
  max-width: 75px;
}
.ui.divider.bold.primary {
  border-top-color: #f47321 !important;
  border-bottom-color: #f47321 !important;
}
.ui.divider.bold.secondary {
  border-top-color: #00994b !important;
  border-bottom-color: #00994b !important;
}
.ui.divider.bold.inverted {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}
.ui.divider.bold.centered {
  margin: 0 auto 1rem;
}
.ui.divider.bold.section {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ui.divider.bold.header {
  margin-bottom: 1rem;
}
.ui.divider.bold:last-child:not(.section):not(.header) {
  margin-bottom: 0;
}
.ui.modal > .center.aligned.header:not(.ui) {
  text-align: center;
}
.ui.modal > .center.aligned.content {
  text-align: center;
}

.owl-nav {
  width: 100%;
}
.owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: .5em;
  opacity: 0.7;
}
.owl-nav .owl-prev i.icon {
  margin: 0 !important;
}
.owl-nav .owl-prev i.icon:before {
  margin-right: 3px;
  margin-bottom: 2px;
}
.owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: .5em;
  opacity: 0.7;
}
.owl-nav .owl-next i.icon {
  margin: 0 !important;
}
.owl-nav .owl-next i.icon:before {
  margin-left: 3px;
  margin-bottom: 2px;
}

/* ------------------------ */
/*        MOBILE ONLY       */
/* ------------------------ */
@media only screen and (max-width: 767px) {
  [data-responsive*="tablet only"],
  [data-responsive*="computer only"],
  [data-responsive*="tablet and up"] {
    display: none !important;
  }
  .stackable.grid {
    text-align: inherit !important;
  }
  .stackable.grid [class*="left aligned"],
  .stackable.grid [class*="right aligned"],
  .stackable.grid .ui.image {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ------------------------ */
/*    TABLET AND MOBILE     */
/* ------------------------ */
@media only screen and (max-width: 991px) {
  [data-responsive*="desktop only"] {
    display: none !important;
  }
  .ui.very.padded.segment {
    padding-left: 0;
    padding-right: 0;
  }
  [data-responsive*="center aligned"][class*="right floated"],
  [data-responsive*="center aligned"][class*="left floated"] {
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  [data-responsive*="center aligned"][class*="right aligned"],
  [data-responsive*="center aligned"][class*="left aligned"] {
    text-align: center !important;
  }
  .ui.menu .center.menu {
    display: none !important;
  }
  .ui.menu .right.menu {
    display: none !important;
  }
  .ui.menu .toc.item,
  .ui.menu .item.header {
    display: flex !important;
  }
  .ui.form .fields .field {
    margin-bottom: 1rem;
  }
  [data-responsive*="fluid"] {
    width: 100%;
  }
}
/* ------------------------ */
/*       TABLET ONLY        */
/* ------------------------ */
/* ------------------------ */
/*      TABLET AND UP       */
/* ------------------------ */
@media only screen and (min-width: 768px) {
  [data-responsive*="mobile only"] {
    display: none !important;
  }
  [data-responsive*="tablet and up"] {
    display: inherit;
  }
}
/* ------------------------ */
/*       DESKTOP ONLY       */
/* ------------------------ */
/* (SMALL MONITOR + LARGE MONITOR) */
@media only screen and (min-width: 992px) {
  [data-responsive*="portable device only"] {
    display: none !important;
  }
  .ui.menu .toc.item {
    display: none !important;
  }
}
/* ------------------------ */
/*    SMALL MONITOR ONLY    */
/* ------------------------ */
/* ------------------------ */
/*    LARGE MONITOR ONLY    */
/* ------------------------ */

html {
  background-color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
.ui.header {
  letter-spacing: .025em;
}
section.ui.segment[data-bg="image"][data-bg-id="home-intro"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/cloture-jalbert-intro.jpg');
}
section.ui.segment[data-bg="image"][data-bg-id="header"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/cloture-jalbert-intro.jpg');
  background-size: cover;
  background-position: center;
}
section.ui.segment[data-bg="image"][data-bg-id="header-veranda"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/veranda-jalbert-veranda.jpg');
  background-size: cover;
  background-position: center;
}
.column[data-bg="image"][data-bg-id="veranda"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/veranda-jalbert-veranda.jpg');
}
.column[data-bg="image"][data-bg-id="types-clotures"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/cloture-jalbert-ornemental.jpg');
}
.column[data-bg="image"][data-bg-id="location"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/cloture-jalbert-location.jpg');
}
.column[data-bg="image"][data-bg-id="soudure"] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.66) 100%), url('/themes/cj/assets/img/elements/cloture-jalbert-soudure.jpg');
}
#primary-nav .segment {
  margin: 0;
}
#primary-nav #nav-toggle {
  position: fixed;
  top: 3em;
  right: 3em;
  z-index: 1;
  cursor: pointer;
}
#primary-nav #nav-toggle > a i {
  color: #ffffff;
}
#primary-nav-brand {
  position: absolute;
  top: 2em;
  left: 0;
  z-index: 1;
}
#primary-nav-brand > img {
  max-width: 180px;
}
#secondary-nav-brand {
  position: absolute;
  top: 2em;
  left: 2em;
  z-index: 1;
  margin-top: -13px;
}
#secondary-nav-brand > img {
  max-width: 180px;
}
.ui.vertical.menu {
  width: auto;
}
header {
  position: relative;
}
footer {
  border-bottom: solid 4px #f47321;
}
footer#footer-veranda {
  border-bottom: solid 4px #00994b;
}
#home-intro .ui.primary.segment {
  background-color: rgba(244, 115, 33, 0.8);
  padding: 6em;
}
#home-intro .ui.basic.compact.segment {
  border: solid 4px #f47321;
  border-radius: 0;
}
#home-services .ui.grid > .column {
  background-size: cover;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui.modal > .close.icon {
  position: absolute;
  font-size: 1.5rem;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
}
.ui.modal#nav-overlay .item {
  margin-bottom: 0.5rem;
}
/* BUTTONS */
.ui.button.inverted:hover {
  background: #f47321;
  color: #ffffff;
  border-color: #f47321;
  box-shadow: 0 0 0 2px #f47321 inset !important;
}
.ui.button.inverted:hover.veranda {
  background: #00994b;
  border-color: #00994b;
  box-shadow: 0 0 0 2px #00994b inset !important;
}
.ui.button.inverted:hover i.icon {
  color: #ffffff;
}
#scf-message-contactForm {
  text-align: center;
  margin-bottom: 1em;
}
#scf-message-contactForm > div {
  border-width: 1px;
  border-style: solid;
  padding: .5em;
  width: 100%;
}
#scf-message-contactForm .alert-success {
  color: #00bf00;
  border-color: #00bf00;
  background-color: #effcef;
}
#scf-message-contactForm .alert-danger {
  color: #ff0000;
  border-color: #ff0000;
  background-color: #fceded;
}
.field.has-error input.error {
  border-color: #ff0000 !important;
}
.field.has-error textarea.error {
  border-color: #ff0000 !important;
}
.field.has-error small.invalid-feedback {
  color: #ff0000;
  display: none;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ------------------------ */
/*        MOBILE ONLY       */
/* ------------------------ */
@media only screen and (max-width: 767px) {
  #primary-nav #nav-toggle {
    top: 1.5em;
    right: 1.5em;
    color: #ffffff;
  }
  #primary-nav #nav-toggle i.big.icon {
    font-size: 1.5em;
  }
  #primary-nav-brand {
    top: 1em;
  }
  #primary-nav-brand > img {
    max-width: 100px;
  }
  header #page-header,
  section#home-intro {
    margin-top: 32px;
  }
  #primary-nav-mobile,
  #secondary-nav-mobile {
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5em;
    width: 100%;
    height: auto;
    top: 0em;
    z-index: 1;
    background-color: #222222;
    color: #ffffff;
  }
  #primary-nav-mobile #nav-toggle-mobile,
  #secondary-nav-mobile #nav-toggle-mobile {
    color: #ffffff;
  }
  #primary-nav-mobile #primary-nav-phone-mobile,
  #secondary-nav-mobile #primary-nav-phone-mobile {
    color: #ffffff;
  }
}
/* ------------------------ */
/*    TABLET AND MOBILE     */
/* ------------------------ */
@media only screen and (max-width: 991px) {
  .ui.header.massive {
    font-size: 1.5em;
  }
  .ui.header.ludicrous {
    font-size: 2.5em;
  }
}
/* ------------------------ */
/*       TABLET ONLY        */
/* ------------------------ */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #primary-nav #nav-toggle {
    top: 1em;
    right: 1em;
    color: #ffffff;
  }
  #primary-nav #nav-toggle i.big.icon {
    font-size: 1em;
  }
  #primary-nav-brand {
    top: 1em;
  }
  #primary-nav-brand > img {
    max-width: 100px;
  }
}
/* ------------------------ */
/*      TABLET AND UP       */
/* ------------------------ */
/* ------------------------ */
/*       DESKTOP ONLY       */
/* ------------------------ */
/* (SMALL MONITOR + LARGE MONITOR) */
/* ------------------------ */
/*    SMALL MONITOR ONLY    */
/* ------------------------ */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #primary-nav #nav-toggle {
    top: 1em;
    right: 1em;
    color: #ffffff;
  }
  #primary-nav #nav-toggle i.big.icon {
    font-size: 1em;
  }
  #primary-nav-brand {
    top: 1em;
  }
  #primary-nav-brand > img {
    max-width: 100px;
  }
}
/* ------------------------ */
/*    LARGE MONITOR ONLY    */
/* ------------------------ */