/*
    TEMPLATE
--------------------------------------------------------
    Theme Name: Phlox Pro Child
    Theme URI: http://phlox.pro/go/
    Author: averta
    Author URI: http://www.phlox.pro
    Description: Phlox Pro Child Theme
    Template: phlox-pro
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
    Text Domain: phlox-pro-child


    RESPONSIVE SCREEN SIZES
--------------------------------------------------------

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


    COLOUR PALETTE
--------------------------------------------------------

    #005BAB - MEDIUM ELECTRIC BLUE | Primary
    #003777 - PRUSSIAN BLUE | Secondary
    #2A2A2A - CHARCOAL | Text
    #00C1C2 - ROBIN EGG BLUE | Accent
    #FFFFFF - WHITE
    #B0FFEB - AERO BLUE

    FONTS
--------------------------------------------------------
    Headings: Oswald, sans-serif
    Text: Lato
*/

/*
    BACK TO TOP
======================================================== */

/* position */
.aux-goto-top-btn {
  left: 30px !important;
  bottom: 32px;
}

.aux-goto-top-btn .aux-arrow-nav.aux-outline {
  width: 48px;
  height: 48px;
  background-color: white;
  box-shadow: 0px 0px 0 1px #005BAB inset;
}

/* fill on hover */
.aux-goto-top-btn .aux-arrow-nav.aux-outline .aux-overlay::after {
  background-color: var(--e-global-color-primary);
}



/* svg icon within button */
.aux-goto-top-btn .aux-arrow-nav .aux-svg-arrow {
  background: url(/wp-content/uploads/2025/11/goto-top.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 1px 0;
  width: 24px;
  height: 24px;
}
/* change icon on hover */
.aux-goto-top-btn .aux-arrow-nav:hover .aux-svg-arrow {
  background-image: url(/wp-content/uploads/2025/11/goto-top-hover.svg);
}


@media screen and (max-width: 767px) {
  .aux-goto-top-btn.aux-align-btn-left {
    left: 20px !important;
    bottom: 22px;
  }
  .aux-goto-top-btn .aux-arrow-nav.aux-outline {
    width: 40px;
    height: 40px;
  }
}


/*
    SINGLE BLOG
======================================================== */
.single-post .entry-media .aux-image-mask img {
  border-radius: 50px;
  box-shadow: 16px 23px 52px rgba(0, 0, 0, 0.2);

}

@media screen and (max-width: 767px) {
  .single-post .entry-title {
    text-align: center;
  }
}

.single-post .aux-media-frame {
  overflow: visible !important;
}

.single-post .aux-medium-context .entry-main .entry-header,
.single-post .aux-medium-context .entry-main .entry-info,
.aux-single .aux-medium-context .entry-main .entry-content,
.single-post .entry-meta {
  margin-left: 9%;
  margin-right: 8%;
  padding: 0 !important;
  border: none !important;
}

.single-post .aux-medium-context .entry-main .entry-content {
  margin-bottom: 12px;
}

.single-post .entry-info .entry-tax:after {
  content: 'Category';
  position: absolute;
  left: 0;
}

.single-post .entry-info {
  display: flex;
}

.single-post .entry-info .entry-author {
  order: 2;
}

.single-post .entry-info .entry-tax:before {
  display: none !important;
}

.single-post .entry-info .entry-tax {
  padding-right: 81px;
  padding-left: 65px;
  position: relative;
}

.single-post .entry-info .meta-sep {
  padding-right: 11px;
}

.single-post .entry-tax a {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 14px;
}

.wp_ulike_is_unliked {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 129 129'%3E%3Cg%3E%3Cpath d='m121.6,40.1c-3.3-16.6-15.1-27.3-30.3-27.3-8.5,0-17.7,3.5-26.7,10.1-9.1-6.8-18.3-10.3-26.9-10.3-15.2,0-27.1,10.8-30.3,27.6-4.8,24.9 10.6,58 55.7,76 0.5,0.2 1,0.3 1.5,0.3 0.5,0 1-0.1 1.5-0.3 45-18.4 60.3-51.4 55.5-76.1zm-57,67.9c-39.6-16.4-53.3-45-49.2-66.3 2.4-12.7 11.2-21 22.3-21 7.5,0 15.9,3.6 24.3,10.5 1.5,1.2 3.6,1.2 5.1,0 8.4-6.7 16.7-10.2 24.2-10.2 11.1,0 19.8,8.1 22.3,20.7 4.1,21.1-9.5,49.6-49,66.3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E ");
  background-size: 30px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
}

.wp_ulike_is_liked {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' style=' fill: red;%0A' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath d='m121.6,40.1c-3.3-16.6-15.1-27.3-30.3-27.3-8.5,0-17.7,3.5-26.7,10.1-9.1-6.8-18.3-10.3-26.9-10.3-15.2,0-27.1,10.8-30.3,27.6-4.8,24.9 10.6,58 55.7,76 0.5,0.2 1,0.3 1.5,0.3 0.5,0 1-0.1 1.5-0.3 45-18.4 60.3-51.4 55.5-76.1zm-57,67.9c-39.6-16.4-53.3-45-49.2-66.3 2.4-12.7 11.2-21 22.3-21 7.5,0 15.9,3.6 24.3,10.5 1.5,1.2 3.6,1.2 5.1,0 8.4-6.7 16.7-10.2 24.2-10.2 11.1,0 19.8,8.1 22.3,20.7 4.1,21.1-9.5,49.6-49,66.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 30px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  margin-right: 20px;
}

.auxicon-share:before {
  content: '';
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath d='m43.2,80c2.8,0 5.4-0.8 7.7-2.1l21.4,21.4c-1.3,2.3-2.1,4.9-2.1,7.7 0,8.6 7,15.5 15.5,15.5s15.5-7 15.5-15.5c0-8.6-7-15.5-15.5-15.5-2.8,0-5.4,0.8-7.7,2.1l-21.3-21.4c1.3-2.3 2.1-4.9 2.1-7.7s-0.8-5.4-2.1-7.7l21.3-21.3c2.3,1.3 4.9,2.1 7.7,2.1 8.6,0 15.5-7 15.5-15.5s-7-15.5-15.5-15.5-15.5,7-15.5,15.5c0,2.8 0.8,5.4 2.1,7.7l-21.4,21.2c-2.2-1.3-4.9-2-7.7-2-8.6,0-15.5,7-15.5,15.5s7,15.5 15.5,15.5zm42.6,19.7c4.1,0 7.4,3.3 7.4,7.4 0,4.1-3.3,7.4-7.4,7.4-4.1,0-7.4-3.3-7.4-7.4 1.42109e-14-4.1 3.3-7.4 7.4-7.4zm0-85.1c4.1,5.32907e-15 7.4,3.3 7.4,7.4s-3.3,7.4-7.4,7.4c-4.1,0-7.4-3.3-7.4-7.4s3.3-7.4 7.4-7.4zm-42.6,42.5c4.1,0 7.4,3.3 7.4,7.4s-3.3,7.4-7.4,7.4-7.4-3.3-7.4-7.4 3.4-7.4 7.4-7.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 30px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-left: 5px;
}

.single-post .comment-respond,
.single-post .aux-comments {
  margin-left: 9% !important;
  margin-right: 8% !important;
}

.single-post .comment-form .aux-block-inputs textarea,
.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"] {
  border: none;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.10);
  border-radius: 15px !important;
  height: 80px !important;
  padding: 25px 35px !important;
}

.single-post .aux-form-inline-two .aux-inline-inputs {
  flex-basis: calc(50% - 12px);
}

.single-post .aux-input-group textarea::-webkit-input-placeholder,
.aux-input-group input[type="email"]::-webkit-input-placeholder,
.aux-input-group input[type="url"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  font-family: Lato;
  color: var(--e-global-color-fa67d6f);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-style: normal !important;
}

.single-post .aux-input-group textarea::-moz-placeholder,
.aux-input-group input[type="email"]::-moz-placeholder,
.aux-input-group input[type="url"]::-moz-placeholder,
input[type="text"]::-moz-placeholder {
  font-family: Lato;
  color: var(--e-global-color-fa67d6f);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-style: normal !important;
}

.single-post .aux-input-group textarea {
  min-height: 317px !important;
  height: 317px !important;
}

.single-post .comment-form-cookies-consent {
  display: none;
}

.single-post .comment-reply-title {
  margin-bottom: 0;
}

.single-post .comment-notes {
  margin-bottom: 46px;
  margin-top: 6px;
}

.single-post input[type="submit"] {
  background: rgb(0, 193, 194);
  background: linear-gradient(255deg, var(--e-global-color-705fc34) 12%, var(--e-global-color-55e2dd20) 98%);
  border-radius: 27px;
  font-family: Lato;
  color: var(--e-global-color-75195a1);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 300 !important;
  line-height: 19px;
  font-style: normal !important;
  padding: 18px 68px !important;
}

.single-post .form-submit {
  margin-left: auto;
}

.single-post .aux-container .aux-primary .content .aux-comments .comments-title {
  font-family: Oswald;
  color: var(--e-global-color-446b4211);
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 600 !important;
  line-height: 40px;
}

.single-post .aux-primary .content .entry-main {
  margin-bottom: 46px;
}

.single-post .comments-title {
  margin-bottom: 44px;
}

.single-post .comment-author .fn {
  font-family: Oswald;
  font-size: 25px;
  line-height: 37px;
  color: var(--e-global-color-fa67d6f);
}

.single-post .children .comment-author .fn {
  background: -webkit-linear-gradient(var(--e-global-color-705fc34), var(--e-global-color-55e2dd20));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.single-post .comment-author {
  display: flex;
  align-items: center;
}

.single-post .children .author-indicator {
  display: none !important;
}

.single-post .children>li:first-child {
  background: none !important;
}

.single-post .aux-commentlist .comment .comment-author time a {
  margin-left: 18px;
  font-family: Oswald;
  font-size: 12px;
  line-height: 37px;
  color: var(--e-global-color-fa67d6f);
  font-weight: 300 !important;
}

.single-post .aux-commentlist .comment .comment-author time {
  margin-bottom: -6px;
}

.single-post .aux-commentlist .comment .comment-body p {
  font-family: Lato;
  font-size: 16px;
  line-height: 30px;
  color: var(--e-global-color-fa67d6f);
  font-weight: 400 !important;
  margin-top: 2px;
}

.single-post .children .aux-commentlist .comment .comment-author time a {
  margin-left: 18px;
  font-family: Oswald;
  font-size: 12px;
  line-height: 37px;
  color: rgba(255, 255, 255, 0.80);
  font-weight: 300 !important;
}

.single-post .children .comment .comment-author time a,
.single-post .children .comment-body p {
  color: rgba(255, 255, 255, 0.80) !important;
}

.single-post .aux-comments .aux-commentlist .comment img {
  width: 141px;
  height: 154px;
  border-radius: 25px;
  border: none;
  box-shadow: 0 10px 50px #0000005e;
  margin-top: 21px;
  margin-left: -50px;
}

.single-post .children .comment img {
  margin-top: 0 !important
}

.single-post .children .comment-reply-nav {
  top: 134px;
}

.single-post .children {
  padding-top: 30px !important;
  max-width: 82%;
  margin-left: auto;
}

.single-post .children .comment {
  background: rgb(33, 102, 169);
  background: linear-gradient(258deg, rgba(33, 102, 169, 1) 12%, rgba(0, 55, 119, 1) 98%);
  z-index: 0;
  border-radius: 25px;
  padding: 38px 55px 35px 0;
}

.single-post .aux-comments .comment-body p {
  margin-left: 44px;
}

.single-post .comment-author .fn {
  background-color: transparent;
  padding: 0;
}

.single-post .comment .comment-reply-nav a {
  color: transparent !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.843' height='16.198' viewBox='0 0 18.843 16.198'%3E%3Cg id='reply' transform='translate(0)'%3E%3Cg id='Group_237' data-name='Group 237' transform='translate(0 0)'%3E%3Cpath id='Path_109' data-name='Path 109' d='M11.928,40.359H2.816L6.2,36.975l-1.04-1.04L0,41.1l5.16,5.16,1.04-1.04L2.816,41.831h9.112a5.45,5.45,0,0,1,5.444,5.444,5.594,5.594,0,0,1-1.313,3.369l-.456.577,1.154.912.456-.577a7.041,7.041,0,0,0,1.63-4.282A6.923,6.923,0,0,0,11.928,40.359Z' transform='translate(0 -35.935)' style=' fill: %23fff;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}

.single-post .thread-even {
  background: rgb(239, 239, 239);
  background: linear-gradient(260deg, rgba(239, 239, 239, 1) 12%, rgba(248, 248, 248, 1) 98%);
  z-index: 0;
  padding: 38px 55px 35px 0;
  border-radius: 25px;
  margin-left: 50px;
}

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

  .single-post .thread-even,
  .single-post .children .comment {
    flex-direction: column;
    display: flex;
    padding: 51px;
    margin-left: 0;
  }

  .single-post .thread-even,
  .single-post .children {
    max-width: 100%;
  }

  .single-post .aux-comments .aux-commentlist .comment img {
    text-align: center;
    margin: auto;
    margin-bottom: 38px;
  }

  .single-post .aux-comments {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .single-post .comment-body,
  .single-post .aux-commentlist .comment .comment-body p,
  .single-post .comment .comment-author {
    margin-left: 0 !important;
  }

  .single-post .comment-reply-nav {
    margin: auto !important;
    margin-top: 25px !important;
  }
}

.single-post .comment .comment-reply-nav a {
  height: 40px;
  width: 40px;
  position: relative;
  bottom: 0;
  left: 42px;
  background-position: center center;
}

.single-post .comment .comment-reply-nav a:after {
  content: '';
  background: var(--e-global-color-705fc34);
  background: linear-gradient(180deg, var(--e-global-color-705fc34) 12%, var(--e-global-color-55e2dd20) 98%);
  width: 100%;
  height: 100%;
  border-radius: 13px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: -1;
}

.single-post .comment-reply-nav {
  position: absolute;
  margin: 0 !important;
  z-index: 55;
  top: 156px;
  left: -3px;
}

.single-post .aux-media-frame:after {
  content: '';
  width: 1456px;
  height: 871px;
  background: #d2d7dd;
  border-radius: 50px;
  opacity: 1;
  filter: blur(50px);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -39px;
  z-index: -5;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .single-post .comment-reply-nav {
    top: 150px !important;
    left: 0;
    right: 0;
    text-align: center;
  }
}

.single-post .comment .comment-author {
  margin-left: 140px;
}

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

  .single-post .aux-medium-context .entry-main .entry-header,
  .single-post .aux-medium-context .entry-main .entry-info,
  .aux-single .aux-medium-context .entry-main .entry-content,
  .single-post .entry-meta,
  .single-post .comment-respond {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  .single-post .entry-info .entry-tax {
    padding-right: 7px;
  }
}

/* Single project	 */

.single-portfolio .entry-side .entry-side-title h1 {
  font-family: Oswald;
  font-size: 50px;
  font-weight: bold;
  color: var(--e-global-color-446b4211);
  line-height: 74px;
}

.single-portfolio .entry-side .entry-side-overview h4 {
  font-family: Oswald;
  font-size: 25px;
  font-weight: 400;
  color: var(--e-global-color-fa67d6f);
  line-height: 30px;
  letter-spacing: -0.68px;
  margin-bottom: 12px;
  margin-top: 42px;
}

.single-portfolio .entry-meta-data dt {
  font-family: Oswald;
  font-size: 25px;
  font-weight: 400;
  color: var(--e-global-color-fa67d6f) !important;
  line-height: 30px;
  letter-spacing: -0.68px;
  margin-bottom: 23px;
  margin-top: 45px;
}

.single-portfolio .entry-meta-data dd {
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  color: var(--e-global-color-fa67d6f) !important;
  line-height: 19px;

}

.single-portfolio .entry-side .entry-side-overview p {
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  color: #464646;
  line-height: 30px;
  letter-spacing: -0.43px;
  text-transform: lowercase;
}

.single-portfolio .aux-primary .content .post .entry-main,
.single-portfolio .aux-main .aux-text {
  display: none;
}

.single-portfolio .aux-media-frame.aux-media-image {
  border-radius: 25px;
}

.single-portfolio .aux-primary .content .aux-sticky-side .entry-side {
  margin-right: -815px;
  width: 93%;
}

.single-portfolio .entry-media img {
  border-radius: 25px;

}

@media only screen and (max-width: 1667px) and (min-width: 1342px) {
  .single-portfolio .aux-primary .content .entry-main .entry-media img {
    min-width: 750px;
  }
}

@media only screen and (max-width: 1342px) and (min-width: 1025px) {
  .single-portfolio .aux-primary .content .entry-main .entry-media img {
    min-width: 600px;
  }

  .aux-primary .content .aux-side-right {
    padding-right: 655px !important;
  }

  .single-portfolio .aux-primary .content .aux-sticky-side .entry-side {
    margin-right: -635px !important;
    width: 100% !important;
  }

  .single-portfolio .entry-side .entry-side-overview p {
    height: 217px;
    overflow: hidden;
    font-size: 14px;
  }

  .single-portfolio .entry-side .entry-side-title h1 {
    font-size: 43px;
  }
}

.aux-primary .content .aux-side-right {
  padding-right: 817px;
}

.single-portfolio .aux-sticky-position .entry-actions {
  padding: 0;
  border: none;
}

.single-portfolio .entry-meta-data-container .entry-meta-data dl {
  display: flex;
  flex-direction: column;
}

.single-portfolio .aux-side-right .entry-meta-data {
  padding-top: 0;
}

.single-portfolio .aux-side-right .entry-actions {
  position: absolute;
  bottom: 0;
  right: 0;
}

.single-portfolio .entry-meta-data dl>dt {
  margin-top: 17px;
}

.single-portfolio .entry-main .entry-media {
  margin-bottom: 8px;
}

@media only screen and (min-width: 1025px) {
  .single-portfolio .aux-primary .aux-container .widget-container .aux-ajax-view {
    display: flex;
    justify-content: space-between;
  }

  .single-portfolio .widget-container .aux-col {
    width: 32.33%;
  }

  .single-portfolio .aux-related-container {
    padding-right: 51% !important;
  }
}

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

  .single-portfolio .aux-container .entry-side,
  .aux-resp .type-portfolio.aux-side-right>.entry-main {
    padding: 35px 5px 0 !important;
  }

  .single-portfolio .entry-side-title h1 {
    text-align: center;
  }

  .single-portfolio .aux-sticky-side .entry-side {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1025px) {
  .aux-primary .content .aux-side-right {
    padding-right: 0;
  }
}

@media only screen and (max-width:500px) {
  .aux-master-menu .menu-item .aux-menu-label {
    font-size: 30px;
  }
}

/*
    ONETAP
======================================================== */
.onetap-container-toggle .onetap-toggle img:hover {
  transform: unset !important;
  opacity: .9;
}

.onetap-container-toggle .onetap-toggle img.design-size1 {
  border: 1px solid #005BAB;
}