/* Theme Name:   Astrid Ruderfinn
 * Theme URI:    http://example.com/astrid-ruderfinn/
 * Description:  Astrid Ruderfinn Theme
 * Author:       Eric Suen
 * Author URI:   http://example.com
 * Template:     astrid
 * Version:      1.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 * Text Domain:  astrid-ruderfinn */
@import url("others.css");

.green {
  color: #00b047;
  font-family: "Conv_segoeuib", sans-serif;
}

.bgc-light {
  background-color: #bdbbbb;
}

body {
  margin: 0;
  color: #333333 !important;
}

img.icon {
  width: auto;
}

p {
  margin: 0;
  line-height: 1.5em;
  font-size: larger;
}

.clear {
  clear: both;
}

.leading {
  padding-left: 20px;
}

.float {
  float: right;
}

.compact {
  margin: 10px;
}

.headline {
  font-size: 40px;
  padding: 100px 60px;
  font-family: "Conv_segoeuil", sans-serif;
}

a:focus {
  outline: -webkit-focus-ring-color auto 0;
}

.div50 {
  display: inline-block;
  width: 49%;
}

.cozy {
  padding: 10px 50px;
}

.cozy-alt {
  padding: 0 50px;
}

.grid {
  margin: 0 60px;
}

.comfortable {
  padding: 10px;
}

.compact {
  margin: 2px;
}

.box {
  margin: 10px;
}

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2 2;
  -ms-flex: 2 2;
  flex: 2 2;
}

.panel {
  border: 0;
  border-radius: 0;
}

.lightfont,
.light {
  font-family: "Conv_segoeuil", sans-serif;
}

.widget li {
  padding-top: 0;
  padding-bottom: 0;
}

h2.light {
  font-size: 28px;
  margin-bottom: 0;
}

.detail a {
  color: #333333;
}

#core img,
.expertise-grid img,
#career-3 img {
  width: 100%;
}

.subtitle {
  font-size: 20px;
  text-align: center;
}

.description .title {
  font-size: xx-large;
  color: #f0ab00;
  font-family: "Conv_segoeuil", sans-serif;
  margin: 20px 0;
  line-height: 1.2em;
}

.description .detail {
  line-height: 2em;
  font-size: medium;
}

.description .footer {
  margin: 10px 0 30px 0;
}

.border-bottom .panel-grid-cell {
  border-bottom: 1px solid black;
}

.extra-margin .panel-grid-cell {
  margin: 20px;
}

.so-widget-sow-image .widget-title {
  display: none;
}

.page-headline h1 {
  text-transform: uppercase;
  font-family: "Conv_segoeuil", sans-serif;
}

.page-headline .sow-image-container .so-widget-image {
  height: 8px;
  width: auto;
}

.description-sub,
.description-sub-compact {
  text-align: left;
}

.description-sub .title,
.description-sub-compact .title {
  font-size: x-large;
  color: #333333;
  font-family: "Conv_segoeuib", sans-serif;
  margin: 5px 0 15px 0;
}

.description-sub .detail,
.description-sub-compact .detail {
  line-height: 1.5em;
  font-size: large;
}

.description-sub {
  padding: 20px;
}

.panel-grid-cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin: 10px;
  position: relative;
}

#main .entry-content .panel-grid {
  margin: 0;
}

#main .entry-content .panel-grid .fullspan .panel-grid-cell {
  margin: 0;
}

#main .entry-content .panel-grid .alt .panel-grid-cell {
  padding: 20px;
}

#main .entry-content .panel-grid .grid .panel-grid-cell {
  margin: 3px;
}

#main .entry-content .panel-grid .panel-grid-cell {
  padding: 0;
}

.so-panel {
  margin: 0 !important;
}

.overlay {
  font-family: "Conv_segoeuil", sans-serif;
  font-size: x-large;
  color: white;
  position: absolute;
  margin: 10px;
  left: 0;
  bottom: 0;
}

.main-navigation li {
  padding: 10px;
}

#slider .panel-grid-cell,
#slider-mobile .panel-grid-cell {
  position: relative;
}

#slider .panel-grid-cell .overlay,
#slider-mobile .panel-grid-cell .overlay {
  margin: 20vw 3vw;
  font-size: 5vw;
  line-height: 1.3em;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  color: #8e8e8e;
}

#whatsnew-sub .panel-grid-cell {
  background-color: #e2e2e2;
}

#whatsnew-sub .panel-grid-cell .description {
  font-size: small;
  margin: 20px;
}

#whatsnew-sub .panel-grid-cell .description .title {
  font-size: large;
  font-family: "Conv_segoeuib", sans-serif;
  color: #333333;
  margin: 5px 0;
}

#whatsnew-sub .panel-grid-cell .description .detail {
  line-height: 1.5em;
}

#client-comment .panel-grid-cell {
  padding: 20px;
}

#client-comment .panel-grid-cell:first-child {
  background-color: #f0ab00;
}

#client-comment .panel-grid-cell:last-child {
  background-color: #bdbbbb;
}

#client-comment .panel-grid-cell .so-panel:not(:first-child) {
  display: inline-block;
  width: 49%;
}

#client-comment .panel-grid-cell .so-panel:not(:first-child) .so-widget-sow-image {
  position: relative;
}

#client-comment .panel-grid-cell .so-panel:not(:first-child) .so-widget-sow-image .sow-image-container {
  position: relative;
  top: 15px;
}

#client-logo img {
  width: 100%;
}

#career-1 .panel-grid-cell {
  background-color: #bdbbbb;
}

#career-2 .panel-grid-cell:first-child {
  background-color: #bdbbbb;
}

#career-2 .panel-grid-cell:last-child {
  background-color: #f0ab00;
}

#career-3 .panel-grid-cell:last-child {
  background-color: #79bc43;
}

.panel-grid-cell .panel {
  font-weight: 300;
}

.contact hr {
  border: 1px solid #999999;
  margin: 5px 0;
  width: 120px;
}

.contact .panel-grid-cell {
  font-family: "Conv_segoeuil", sans-serif;
  font-weight: bold;
}

.contact .panel-grid-cell .panel {
  background-color: #00b047;
  color: white;
}

.contact .panel-grid-cell .description .title {
  margin: 10px 0;
  font-size: 16px;
  font-family: "Conv_segoeuib", sans-serif;
  color: #333333;
}

.contact .panel-grid-cell .description .detail {
  font-size: 16px;
}

.contact .panel-grid-cell .description .alt {
  font-size: 20px;
  color: #f0ab00;
  font-family: "Conv_segoeuil", sans-serif;
}

.leadership .panel-grid-cell .panel {
  background-color: #feda49;
}

.leadership .panel-grid-cell .description {
  font-size: small;
  padding: 20px 0;
}

.leadership .panel-grid-cell .description .title {
  font-family: "Conv_segoeuib", sans-serif;
  font-size: medium;
  color: #333333;
}

#career-page-row-2 .panel-grid-cell:last-child {
  background-color: #cccccc;
}

#career-page-row-3 .panel-grid-cell:first-child {
  background-color: #cccccc;
}

#network-page .description {
  margin-top: 40px;
}

#network-page .fa-circle {
  color: darkred;
}

#network-page #triangle {
  position: relative;
  top: -3px;
}

#our-partnership h3 {
  color: #f0ab00;
  font-size: larger;
  margin-bottom: 5px;
}

#awards h4 {
  color: #f0ab00;
  font-size: 18px;
}

.cat-post-widget ul {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cat-post-widget ul li.cat-post-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 200px;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  border-bottom: none;
  margin: 10px;
  padding: 0;
  background-color: #e2e2e2;
}

.cat-post-widget ul li.cat-post-item .cat-post-thumbnail img {
  margin: 0;
}

.cat-post-widget ul li.cat-post-item .cat-post-title {
  padding: 10px;
  color: #333333;
}

.cat-post-widget ul li.cat-post-item-empty {
  background-color: white;
}

.widget_breadcrumb_navxt {
  margin: 10px;
}

.widget_nav_menu .widget-title {
  color: #f0ab00;
}

.widget_nav_menu ul {
  padding: 0;
}

.widget_nav_menu ul li {
  list-style: none;
}

.widget_nav_menu ul li a {
  font-size: 16px;
  color: #333333;
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5 {
  font-family: "Conv_segoeuil", sans-serif;
}

.post .entry-category {
  font-size: 25px;
}

.post .entry-title {
  font-size: 60px;
  text-transform: capitalize;
}

.category-health-wellness .entry-header,
.category-financial-communication .entry-header,
.category-reputation-management .entry-header,
.category-health-wellness-zh .entry-header,
.category-financial-communication-zh .entry-header,
.category-reputation-management-zh .entry-header,
.category-118 .entry-header,
.category-122 .entry-header,
.category-134 .entry-header {
  background-color: #3f76cc;
}

.category-corporate-public-trust .entry-header,
.category-luxury .entry-header,
.category-corporate-public-trust-zh .entry-header,
.category-luxury-zh .entry-header,
.category-112 .entry-header,
.category-130 .entry-header {
  background-color: #ffca28;
}

.category-global-connectivity .entry-header,
.category-csr .entry-header,
.category-public-affair .entry-header,
.category-global-connectivity-zh .entry-header,
.category-csr-zh .entry-header,
.category-public-affair-zh .entry-header,
.category-108 .entry-header,
.category-114 .entry-header,
.category-132 .entry-header {
  background-color: #01bcd4;
}

.category-life-style .entry-header,
.category-engagement-intergration .entry-header,
.category-travel-tourism .entry-header,
.category-life-style-zh .entry-header,
.category-engagement-intergration-zh .entry-header,
.category-travel-tourism-zh .entry-header,
.category-116 .entry-header,
.category-124 .entry-header,
.category-136 .entry-header {
  background-color: #c3da49;
}

.category-activation .entry-header,
.category-automotive .entry-header,
.category-activation-zh .entry-header,
.category-automotive-zh .entry-header,
.category-104 .entry-header,
.category-100 .entry-header {
  background-color: #00b047;
}

.category-art-culture .entry-header,
.category-consumer-products .entry-header,
.category-102 .entry-header,
.category-consumer-products-zh .entry-header,
.category-art-culture-zh .entry-header,
.category-98 .entry-header {
  background-color: #f44336;
}

.category-insight .entry-header,
.category-training .entry-header,
.category-insight-zh .entry-header,
.category-training-zh .entry-header,
.category-120 .entry-header {
  background-color: #f0ab00;
}

.category-digital .entry-header,
.category-start-ups .entry-header,
.category-digital-zh .entry-header,
.category-start-ups-zh .entry-header,
.category-110 .entry-header,
.category-126 .entry-header {
  background-color: #feda49;
}

.category-technology .entry-header,
.category-uncategorized .entry-header,
.category-technology-zh .entry-header,
.category-uncategorized-zh .entry-header,
.category-128 .entry-header {
  background-color: #79bc43;
}

#top-navigation-container {
  background-color: #333333;
  padding: 10px 40px;
}

#top-navigation-container #top-navigation {
  float: right;
  color: white;
  font-weight: bold;
}

#top-navigation-container #top-navigation i {
  margin: 5px;
  font-size: large;
}

#top-navigation-container #top-navigation span a {
  color: white;
}

#top-navigation-container #top-navigation span a:hover {
  color: white;
}

#main-navigation {
  margin: 20px;
}

#activation-testimonies .panel-grid-cell {
  margin: 0;
}

#activation-testimonies .panel-grid-cell:first-child {
  background-color: #f0ab00;
}

#activation-testimonies .panel-grid-cell:first-child #test-1-main {
  padding: 40px 30px 0 30px;
}

#activation-testimonies .panel-grid-cell:first-child #test-1-left {
  padding: 0 30px 40px;
}

#activation-testimonies .panel-grid-cell:first-child .so-panel:not(:first-child) {
  display: inline-block;
  width: 49%;
}

#activation-testimonies .panel-grid-cell:first-child .widget_sow-image {
  padding: 10px 30px;
}

#activation-testimonies .panel-grid-cell:first-child .widget_sow-image img {
  width: 100px;
  float: right;
}

#activation-testimonies .panel-grid-cell:last-child {
  background-color: #777777;
}

#activation-testimonies .panel-grid-cell:last-child p {
  color: white;
}

#activation-testimonies .panel-grid-cell:last-child .widget_sow-image {
  padding: 10px 30px;
}

#activation-testimonies .panel-grid-cell:last-child .widget_sow-image img {
  width: 150px;
  float: right;
}

#activation-testimonies .panel-grid-cell .description-sub {
  padding: 40px 30px;
}

#activation-testimonies .panel-grid-cell .description-sub .footer {
  font-family: "Conv_segoeuib", sans-serif;
}

.footer-wrapper .container {
  background-color: #cccccc;
  padding: 0;
}

.footer-wrapper #footer img {
  width: 70%;
}

.footer-wrapper #footer img.favicon {
  width: 100px;
}

.footer-wrapper #footer p {
  font-size: small;
}

.footer-wrapper #footer .title {
  font-weight: bold;
}

.footer-wrapper #footer .section {
  padding: 20px;
}

.footer-wrapper #footer .footer-sub {
  height: 50%;
}

.footer-wrapper #footer #footer4 .footer4-sub {
  height: 50%;
}

.footer-wrapper #footer #footer4 #footer4-lower {
  padding: 20px;
}

.footer-wrapper #footer #footer4 #footer4-lower #footer4-lower-wrapper {
  position: relative;
  height: 100%;
}

.footer-wrapper #footer #footer4 #footer4-lower #footer4-lower-wrapper p {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  #footer .flex-container {
    text-align: center;
  }

  #main .entry-content .panel-grid .panel-grid-cell {
    margin: 10px;
  }

  .cozy {
    padding: 10px 10px;
  }

  .cozy-alt {
    padding: 0 10px;
  }

  .grid {
    margin: 0 10px;
  }

  #footer4-lower {
    padding: 20px 50px;
  }
}

@media screen and (max-width: 780px) {
  #main .entry-content .panel-grid .panel-grid-cell {
    margin: 10px;
  }

  #main .entry-content .panel-grid .grid .panel-grid-cell {
    margin: 3px;
  }
}

@media screen and (min-width: 768px) {
  .flex-container {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #leadership .overlay {
    font-size: medium;
  }

  #core .overlay {
    font-size: smaller;
  }
}

@media screen and (min-width: 992px) {
  #leadership .overlay {
    font-size: larger;
  }

  #core .overlay {
    font-size: small;
  }

  #slider .panel-grid-cell .overlay {
    margin: 15vw;
    font-size: 3vw;
  }
}

@media screen and (min-width: 1200px) {
  #leadership .overlay {
    font-size: large;
  }

  #core .overlay {
    font-size: medium;
  }

  #slider .panel-grid-cell {
    position: relative;
  }

  #slider .panel-grid-cell .overlay {
    margin: 4em;
    font-size: 3em;
  }
}


/****** Form ******/

#pl-4090,
#pl-4097 {}

#pl-4090 label,
#pl-4097 label {
  width: 100px;
  display: inline-block;
  margin-right: 15px;
  text-align: right;
}

#pl-4090 input.error,
#pl-4097 input.error {
  border: 1px solid #ff0000;
}

#pl-4090 .error-message,
#pl-4097 .error-message {
  display: none;
  color: #ff0000;
  font-weight: 500;
  font-size: 12px;
  padding-left: 120px;
}

#pl-4090 .error-message.show,
#pl-4097 .error-message.show {
  display: block;
}

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

  #pl-4090 label,
  #pl-4097 label {
    width: 100%;
    display: block;
    margin-right: 0;
    text-align: left;
  }

  #pl-4090 .error-message,
  #pl-4097 .error-message {
    padding-left: 0;
  }
}