/*
Theme Name: Socionika
Theme URI: https://socionika.lv
Description: This theme is made for www.socionika.lv website
Author: Vilnis
Author URI: https://www.SesiPuki.lv
Version: 1.0
*/

/* Support socionics symbols */
@font-face {
  font-family: 'Socionic';
  src: url('/wp-content/uploads/site/fonts/Socionic.woff') format('woff');
}

html {
  font-size: 16px;
}
body {
  /* background: url(./images/pattern3.png); */
  background: #EAC990;
}
body,
body .foogallery .fg-caption {
  font-family: Georgia,Times,'Times New Roman',serif;
}
a {
  color: #98712E;
}
a:hover {
  color: #462c06;
}

.shade {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  padding: 0;
  /* margin: 0 15px; */
}
header {
  background-color: #98712e;
}
header a {
  color: #fff;
}
header a:hover,
header a:focus {
  color: #fff;
}

header .banner {
  position: relative;
}

header .logo {
  padding: 0 8% 0 0;
  text-align: center;
}

.bg-light {
  background-color: #d6a653!important;
}

.banner .lang {
  position: absolute;
  top: 0;
  right: 0;
}

.lang ul {
  list-style: none;
  padding: 0;
  margin: 12px 8px 0 0;
  white-space: nowrap;
}
.lang ul li {
  display: block; /* vertical to take up less horizontal space (crucial for the mobile). */
  margin-bottom: 1px;
}

.navbar-brand {
  white-space: normal;
}
.navbar-brand img {
  margin-right: 2.3rem;
  vertical-align: top;
}
.navbar-brand .title {
  display: inline-block;
  margin-top: 10px;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1.375rem;
  text-align: center;
  letter-spacing: 1px;
}
.navbar-brand .title .slogan {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.navbar-nav .nav-item {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  /* font-size: 1.0625rem; */
  text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}

.navbar-nav .dropdown-menu {
    margin: 0;
}

@media (max-width: 575.98px) {
  .navbar-brand .title {
    padding-right: 30px; /* centering */
  }
  .navbar-brand img {
    margin-right: 1rem;
  }
}

@media (max-width: 500px) {
  .navbar-brand .title {
    padding-right: 20px; /* centering */
  }
  .navbar-brand img {
    margin-right: 0;
  }
}

@media (max-width: 470px) {
  .navbar-brand .title {
    padding-right: 10px; /* centering */
  }
  .navbar-brand img {
    margin-right: 0;
  }
}

@media (max-width: 450px) {
  .navbar-brand .title {
    padding-right: 0;
  }
  .navbar-brand img {
    margin-right: 0;
  }
}

@media (max-width: 420px) {
  header .logo {
    padding: 0 6% 0 6%;
  }
}

@media (max-width: 410px) {
  .navbar-brand .title {
    margin-top: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #98712F;
  padding: 1rem 0 .75rem 0;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.75rem;
}

article h2 {
  font-size: 1.5rem;
}

article h3 {
  clear: right;
  font-size: 1.4rem;
}

article h4 {
  font-size: 1.3rem;
}

h1 .date,
h2 .date {
    font-size: 0.75rem;
    padding-left: 0.5rem;
    font-weight: normal;
}
.views {
    color: #98712F;
    text-align: right;
}
.widget h2 {
    padding: 1rem 0 .5rem 0;
}
.widget ul {
  padding-left: 1.6rem;
}
.childpages {
  margin: 3rem 0 3rem -0.5rem;
  border-top: 1px solid #d5c896;
}
.childpages .page_item {
  padding: 0.5rem;
  border-bottom: 1px solid #d5c896;
  font-weight: 700;
}
main {
  background: #fef6e7;
}
blockquote {
  margin: 0 0 1rem 1rem;
}
aside {
  background: #f6d258;
}
aside h2 {
  text-align: center;
}

.widget_nav_menu {
    border-top: 1px solid #fff;
  padding: 1rem 0.5rem 0.5rem;
}

.widget_search {
  padding: 0.5rem 0.5rem 0;
}
.widget_search .search-field {
  padding: 5px 10px 3px 10px;
  border: none;
  width: 100%;
}
.widget_search .search-button {
  position: absolute;
  top: 29px;
  right: 29px;
}

.widget.recent-posts-extended {
  padding: 0 0.5rem;
}

.widget_simple_facebook_page_feed_widget .widget-title {
  display: none;
}

/* Live counter */
.visitor_widget {
  margin: 0 auto;
}
.visitor_widget .bottom_branding {
  display: none;
}

.visitor_widget.widget_type_2 {
  border-color: #b3a46a;
  background: #fef6e7;
}

.visitor_widget.widget_type_2 .type_2_row_2,
.visitor_widget.widget_type_2 .type_2_row_4 {
  color: #cdc6b7
}

.visitor_widget.widget_type_2 .type_2_row_4 {
  margin-bottom: 35px;
}

.widget_media_image {
    background: #fff;
    margin: 0 10px;
    border: 1px solid #e6eaee;
    border-radius: 4px;
}
.widget_media_image,
.widget_visitors_widget {
    text-align: center;
    padding-bottom: 20px;
}

#simple-facebook-widget {
  text-align: center; /* For smaller devices the column is wide, needs alignment. */
}

footer {
  background-color: #98712e;
  color: #fff;
}

/* Extra small devices (portrait phones, less than 576px)*/
/*@media (max-width: 575.98px) {*/

/* Small devices (landscape phones, less than 768px)*/
/*@media (max-width: 767.98px) {*/

/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

/* WP styles */
div.alignright,
img.alignright {float:right; margin:0 0 1em 1em}
div.alignleft,
img.alignleft {float:left; margin:0 1em 1em 0}
div.aligncenter,
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
table.alignright {float:right; margin:0 0 1em 1em}
table.alignleft {float:left; margin:0 1em 1em 0}
table.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter .wp-caption-text,
.wp-caption.alignleft .wp-caption-text {
  text-align: center;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Preserve newlines */
main .foogallery .fg-caption-title,
main .foogallery .fg-caption-desc,
.fbx-caption {
  white-space: pre-line;
}

article .foogallery.fg-light.fg-shadow-outline .fg-item-inner {
  box-shadow: 0 0 0 1px #d7bd90;
}

/* Table style */
article td {
  border: 1px solid #837f77;
  padding: 0.2em 0.5em;
  vertical-align: top;
}

/* Avoid extra space in table cells. */
article td p {
  margin: 0;
  padding: 0;
}

article table {
  margin-bottom: 1rem;
}

article table.aligncenter {
  /* Override display: block, which breaks aligning to the center. */
  display: table;
}

article p {
  text-align: justify;
}

article .hilite {
  background: #ffffff;
}


/* Woocommerce customisations */

.woocommerce-result-count,
.orderby {
  display: none;
}

.dropdown-item {
  text-transform: none;
}

.woocommerce ul.products li.product .price {
  font-weight: bold;
}

.woocommerce th {
  border: 1px solid #f6d258;
  background: #f6d258;
}

.woocommerce table.shop_table,
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table{
  border: 0 none;
  border-collapse: collapse;
}

.woocommerce form .form-row label {
  min-width: 7.5rem;
}

#order_comments_field .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce form .form-row textarea {
  height: 8em;
}

.woocommerce table.shop_table td {
  border : 1px solid #d5c896;
}


.woocommerce table.shop_table td.actions {
  border : 0 none;
}

.woocommerce a.remove {
  color: #dd0000 !important;
}

.woocommerce a.remove:hover {
  background: #dd0000;
}

.woocommerce-message {
  border: 1px solid #d5c896;
  border-top: 3px solid #f6d258;
  background: #ffffff;
}

.woocommerce-info {
  border-top-color: #f6d258;
  background-color: #ffffff;
}

/*.woocommerce-cart .coupon,*/
.woocommerce-page .date {
  display: none;
}

.woocommerce-checkout .optional {
  display: none;
}

.button {
  font-family: 'Roboto Slab', serif;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #d6a653;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: #98712e;
}

.woocommerce .col-1,
.woocommerce .col-2 {
  max-width: none;
}

.cart-subtotal {
  display: none;
}