/*styles for Bord Bia Meat App child theme*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.cursor_pointer {
  cursor:pointer;
}

.main_wrap {
  min-height:750px;
  overflow:hidden;
}

.welcome_title {
  font-size:2em;
  color:#AD812B;
  font-weight:bold;
}

.welcome_text {
  font-size:1.2em;
  color:#005A5F;
}

.mc_header_title {
  position:absolute;
  top:20px;
  left:30%;
  width:260px;
  font-size:2em;
  color:#005A5F;
  font-weight:bold;
}

.cut_listing_box {
  width:100%;
  min-height:60px;
  overflow:hidden;
  border:1px solid #004B53;
  border-radius:18px;
  padding:12px 4%;
  margin-bottom:12px;
  background-color: #FBF9FA;
}

.page_title_3d {
  padding-left:12px;
}

.cut_select_wrap {
  min-height:0;
  overflow:hidden;
  margin-bottom:4px;
  padding-left:12px;
}

.help_3d_wrap {
  min-height:30px;
  width:100%;
  overflow:hidden;
  margin-bottom:12px;
  padding-left:40px;
  background-image:url('../img/help_icon1_grn.png');
  background-repeat:no-repeat;
  background-position: left;
  background-size:contain;
}

.help_text_3d {
  display:inline-block;
  color:#005A5F !important;
  font-size: 1.2em  !important;
}

.cuts_count {
  padding-left:18px;
  padding-top:24px;
}

.round_top {
  border-top-right-radius:18px;
  border-top-left-radius:18px;
}

.cut_select_box {
  display:inline-block;
  color:#FFF;
  appearance:listbox;
  border:1px solid #005A5F;
  min-width:120px;
  width:66%;
  font-size:1.2em;
  background-color:#005A5F;
  float:right;
  margin-top:2px;
}

.cut_select_label {
  display:inline-block;
  vertical-align:middle;
  width:25%;
  font-size:0.8em;
  color:#62D2DC;
  text-align:right;
}

.list_head_select {
  background-color:#005A5F;
  color:#fff;
  font-size:1.2em;
  margin-bottom:0;
  padding:12px 4%;
  padding-bottom:12px;
}

.cut_list_code {
  color:#005A5F;
}

.cut_list_pointer {
  opacity:0;
}

.cut_selected {
  color:#009077 !important;
  /*background-color:#009077 !important;*/
  /*border-radius:999px !important;*/
}

.cut_selected span {
  opacity:1;
}

.cutlist_panel_left {

}

.cutlist_panel_right {
  /*border-left:1px solid #009077;*/
}

.cut_list_wrap_wrap {
  /*border:1px solid #009077;*/
  padding:12px;
  border-bottom-right-radius:18px;
  border-bottom-left-radius:18px;
  /*background-color:#F0F5F5;*/
  background-color:#e0ebec;
}

.cut_list_wrap {
  height:400px;
  overflow: auto;
}

.cut_list_wrap ul {
  list-style:none !important;
  padding-left:4px !important;
}

.cut_list_wrap ul li {

}

.cut_list_wrap ul li a {
  display:block;
  padding: 16px 4% 8px 0;
  color:#808080;
  text-decoration:none;
  font-size:1.1em;
  width:92%%;
  border-bottom:2px dotted #62D2DC;
}

.text-link, .inner__strip--cre a {
  line-height:inherit !important;
}

.text-link--teal, .inner__strip--cre a {
  position:inherit;
}

.text-link:after, .inner__strip--cre a:after {
  content:none;
}

.text-link {
  position:auto;
}

.cut_details_wrap {
/*position:absolute;
  top:2px;
  left:2px;*/
  margin-top:2px;
}

.cut_wrap {
  background-color:#E0EBEC;
  padding:36px 24px 48px 24px;
  border-radius:18px;
}

.cut_name_text {
  color:#808080;
  font-size:1.1em;
  font-weight:bold;
}

.cut_img_wrap {
  position:relative;
  border-radius:16px;
  margin-bottom:12px;
}

.cut_img_wrap img {
  height:auto;
  width:100%;
}

.cut_img_wrap a {
  position:absolute !important;
  left:12px;
  top:12px;
}

.cut_img_wrap a img:hover {
  opacity:0.8;
}

.cut_img_wrap a span:hover {
  color:#009077 !important;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all .25s ease-in-out;
}

.cut_img_wrap a::after {
  content:none;
}

.loading {
	background:url('../img/load.gif');
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px 40px;
  min-height:150px;
  overflow:hidden;
}

.loadingMsg {
  font-size:1em;
  color:#009077;
}

.cutPath {
  margin-top:12px;
  margin-bottom:12px;
  color: #004B53;
}

/* 3D stylesheet */

.grfx_wrap {
  transform: translateZ(0);
  border: none;
  overflow:hidden;
  width:100%;
  min-height:300px;
  margin:12px 0;
  /*touch-action:none;*/
  background-color:#fff;
  background-repeat:no-repeat;
  background=size:contain;
  background-position:right;
}

.grfx_wrap a {
  text-decoration:none;
  padding-left:6px;
  cursor:pointer;
}

.label_obj3d {
  position:absolute;
  padding:3px 6px;
  background:#E0EBEC;
  color:#005A5F;
  border-radius:6px;
  font-size:0.8em;
  box-shadow:4px 3px 10px #808080;
}

.main_viewport_3d {
   margin:0;
   height:100%;
   width:100%;
   border:none;
   height:500px;
}

.rotate_icon {
  position:absolute;
  top:40px;
  left:84px;
  width:60px;
  height:60px;
}

.rotate_icon img {
  height: 100%;
  width:100%;
}

.three_main_viewport_title {
  text-align:right;
}

.mini_viewport_3d {
  height:100% !important;
}

.mini_3d_box {
  margin-top:16px;
  max-width:360px;
  width:98%;
  height:180px;
  /*padding:4px 56px 58px 10px;*/
  padding:2% 48% 75% 12%;
  background-color:transparent;
  /*border-radius:12px;*/
  background-image:url('../img/3d_back_nav.png');
  background-repeat:no-repeat;
  background-size:contain;
}

.mini_nav_3d {
  position:absolute;
  top:2px;
  left:14px;
}


img.wpml-ls-flag {
  margin-right:6px !important;
}

/* animation styles */

.fader_slow.ng-hide {
  opacity: 0;
}

.fader_slow.ng-hide-remove,
.fader_slow.ng-hide-add {
  display: block !important; /* or inline-block, as appropriate */
}

.fader_slow.ng-hide-remove {
  transition: all linear 1200ms;
}

.fader_slow.ng-hide-add {
  transition: all linear 1200ms;
}

.fader.ng-hide {
  opacity: 0;
}

.fader.ng-hide-remove,
.fader.ng-hide-add {
  display: block !important; /* or inline-block, as appropriate */
}

.fader.ng-hide-remove {
  transition: all linear 300ms;
}

.fader.ng-hide-add {
  transition: all linear 300ms;
}

.fade_in.ng-hide {
  opacity: 0;
}

.fade_in.ng-hide-remove,
.fade_in.ng-hide-add {
  display: block !important; /* or inline-block, as appropriate */
}

.fade_in.ng-hide-remove {
  transition: all linear 300ms;
}

.fade_in.ng-hide-add {
  transition: all linear 0ms;
}

/*
li {
    opacity: 1;
}
li.ng-enter {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
}
li.ng-enter-active {
    opacity: 1;
}
*/
.list_fade {
    transition:0.5s linear all;
}
.list_fade.ng-enter-stagger,
.list_fade.ng-leave-stagger {
    transiton-delay:0.2s;
    transition-duration:0.2s;
}
.list_fade.ng-enter {
    opacity:0;
}
.list_fade.ng-enter.ng-enter-active {
    opacity:1;
}
.list_fade.ng-leave {
    opacity:1;
}
.list_fade.ng-leave.ng-leave-active {
    opacity:0;
}
.slide-from-left {
    position:relative;
}
.slide-from-left.ng-enter {
    left:-400px;
}
.slide-from-left.ng-enter.ng-enter-active {
    left:0px;
}
.slide-from-left.ng-leave {
    left:0px;
}
.slide-from-left.ng-leave.ng-leave-active {
    left:-400px;
}


@media screen and (max-width: 1200px) {

.mini_3d_box {
  height:170px;
}

.cut_select_box {
  font-size:1em;
}

}

@media screen and (max-width: 1200px) {

.mini_3d_box {
  padding-left:16px;
}

}

@media screen and (max-width: 768px) {

  .cut_list_wrap {
    height:200px;
    overflow: auto;
  }

  .cut_list_wrap ul {
    list-style:none !important;
    padding-left:4px !important;
  }

}