/*
Theme Name: Atomic Blocks Child
Template: atomic-blocks
*/
@charset "UTF-8";
@font-face {
  font-family: "Trade Gothic LT Std";
  src: url("../fonts/TradeGothicLTStd-BoldExt.woff2") format("woff2"), url("../fonts/TradeGothicLTStd-BoldExt.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Trade Gothic LT Std Ext";
  src: url("../fonts/TradeGothicLTStd-Extended.woff2") format("woff2"), url("../fonts/TradeGothicLTStd-Extended.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  background-color: #000 !important;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

head, body {
  max-width: 1300px;
  margin: 0 auto;
  font-family: 'Trade Gothic LT Std Ext', sans-serif !important;
  font-size: 16px;
}

.site-header {
  background-color: #000000 !important;
  /* Used if the image is unavailable */
  height: 600px;
  /* You must set a specified height */
  background-position: center center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
}

.container {
  padding: 0 2%;
}

.site-content {
  padding: 0;
}

.custom-logo-link img {
  width: 130px;
}

/* --------------------------------------------------------------
2.0 Typography
-------------------------------------------------------------- */
body,
button {
  color: #000000;
  line-height: 1.3;
}

h1, h2, h3 {
  font-family: 'Trade Gothic LT Std', sans-serif !important;
  font-weight: 700;
  font-style: normal;
	text-transform: uppercase;
}

h1, h2 {
  clear: both;
  color: #991639;
  margin-bottom: 2.5%;
}

h3,
h4,
h5,
h6 {
  clear: both;
  color: #991639 !important;
  margin-bottom: 1.8em;
}

/* Fallback title styles */
h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 2.2em;
}

@media (max-width: 768px) {
  h2.has-text-color {
    font-size: 1.5em !important;
  }
}

h3 {
  font-size: 0.8em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}

p {
  font-family: 'Trade Gothic LT Std Ext', sans-serif !important;
}

p,
.embed-vimeo {
  margin-bottom: 1.4em;
}

.has-small-font-size {
  font-size: 0.8em;
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

.mini {
	font-size: 0.8em;
}

.home header.entry-header {
  display: none;
  margin-bottom: 0%;
}

.home #page {
  padding-top: 0%;
}

a img {
  border: 0;
}

.box .kt-inside-inner-col {
  min-height: 400px;
  padding: 5%;
}

.box .kt-inside-inner-col h3 {
  font-size: 0.9em;
  margin-bottom: 2em;
}

.box .kt-inside-inner-col p {
  color: #fff;
  font-size: 0.8em;
  width: 85%;
}

.upper {
	text-transform: uppercase !important;
}

/* --------------------------------------------------------------
3.0 Elements
-------------------------------------------------------------- */
hr,
.wp-block-separator {
  background-color: transparent;
  border: 0;
  height: 0px;
  margin: 2em 0;
  max-width: 100%;
  border: solid 1px #ddd;
}

ul,
ol {
  margin-left: 0 0 0 10px;
}

ul {
  list-style: round;
}

ol {
  list-style: decimal;
}

ul li, ol li {
  font-size: 0.8em;
}

.hide-sub {
  display: none !important;
}

.entry-content ul,
.entry-content ol {
  padding-left: 1.8em;
  color: #991639;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

.entry-content .meta-list a {
  color: #991639;
}

.wp-block-group figure {
  margin-top: 1em;
  margin-bottom: 0;
}

/* --------------------------------------------------------------
4.0 Form Elements
-------------------------------------------------------------- */
form .wpcf7-form {
  margin-top: 0;
}

.wpcf7 form label, .wpcf7 input[type="text"],  .wpcf7 input[type="email"] {
  width: 30%;
  display: inline !important;
  background-color: #f2f2f2;
  color: #000;
  border: 0;
  border-radius: 0;
}

@media (max-width: 600px) {
  .wpcf7 form label, .wpcf7 input[type="text"],  .wpcf7 input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
  }
  input[type='submit'] {
    width: 100%;
    margin-bottom: 10px;
  }
  .wpcf7 p {
    margin-bottom: 0;
  }
}

input {
  font-family: 'Trade Gothic LT Std Ext', sans-serif !important;
  font-size: 0.7em !important;
}

.wpcf7 input[type="email"] {
	  text-transform: lowercase !important;
}

input[type='submit'] {
  font-family: 'Trade Gothic LT Std Ext', sans-serif !important;
  background-color: #000;
  color: #fff;
  width: 30%;
  border-radius: 0;
}

button,
input:not(input[type="radio"]),
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button, 
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.comment-navigation a,
#page #infinite-handle button {
  background:#991639;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 14px 20px;
  -webkit-appearance: none;
  transition: 0.2s ease-in-out;
}
@media (max-width: 600px) {
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  .button,
  .comment-navigation a,
  #page #infinite-handle button {
    padding: 10px 16px;
    font-size: 16px;
  }
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.comment-navigation a:hover,
.drawer .tax-widget a:hover,
a.added_to_cart:hover {
  box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.25);
  color: #fff;
  cursor: pointer;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active,
.button:focus,
.comment-navigation a:focus,
a.added_to_cart:active,
a.added_to_cart:focus {
  color: #fff;
  box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.05);
}

input[type="radio"] + label,
input[type="checkbox"] + label,
label ~ input[type="checkbox"] {
  width: auto;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

span.wpcf7-list-item-label, .mini {
	font-size: 10px !important;
	text-transform: lowercase !important;
	margin-top: 1em;
	font-weight: 400;
}

/* --------------------------------------------------------------
5.0 Navigation
-------------------------------------------------------------- */
.main-navigation ul li {
  padding: 0 5px;
}

.main-navigation ul li a {
  color: #ffffff;
  font-size: 0.7em;
  font-weight: 300;
  text-transform: uppercase;
}

.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-page-item a, .main-navigation a:hover {
  color: #000000 !important;
}

/* Mobile navigation */
.mobile-navigation {
  background: #991639 !important;
}

.toggle-active {
  background: #000 !important;
}

.drawer-menu-explore {
  background: #991639 !important;
}

.drawer .drawer-navigation a {
  color: #ffffff !important;
}

.drawer .drawer-navigation ul li a {
  font-size: 0.7em;
}

.drawer-wrap .searchform {
  display: none;
}

@media (max-width: 1000px) {
  .drawer-menu-explore {
    padding: 15px 5% 15px 5%;
}
}


/* --------------------------------------------------------------
5.1 Links
-------------------------------------------------------------- */
a {
  font-family: 'Trade Gothic LT Std', sans-serif !important;
  color: #991639;
  text-decoration: none;
  transition: 0.07s ease-in-out;
}

a:hover,
a:focus,
a:active {
  color: #272c30 !important;
}

.header-text a {
  color: #ffffff;
  box-shadow: inset 0 -1px 0 #991639;
  transition: 0.3s ease;
}

.header-text a:hover {
  box-shadow: inset 0 -2px 0 #991639;
  color: #f2f2f2;
}

.page-numbers.current,
.page-numbers:hover {
  background: #991639;
}

.entry-content p a {
  color: #991639 !important;
  box-shadow: inset 0 -1px 0 #991639  !important;
  transition: 0.3s ease;
}
.entry-content p a:hover {
  box-shadow: inset 0 -1px 0 #000000 !important;
  color: #000000 !important;
}

/*---------------------------
* Header
------------------------------*/
.site-identity {
  padding: 20px;
}

.cap {
  height: 500px;
  padding-left: 30px;
  display: table-cell;
  vertical-align: bottom;
}

.cap p.inici {
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  max-width: 63%;
  padding-bottom: 150px;
}

.cap p.inici span {
  color: #991639;
}

.cap h1 {
  color: #fff;
  padding-left: 10px;
  margin-bottom: 200px;
}

.cap .extracte>p {
  color: #ffff;
  font-size: 0.6em;
  max-width: 35%;
  margin-bottom: 80px;
}

@media (max-width: 768px) {
	
   .cap h1 {
  	 margin-bottom: 160px;
	}
	
  .cap p.inici {
    font-size: 1.3em;
    max-width: 63%;
    padding-bottom: 40px;
  }

  .cap .extracte>p {
    color: #ffff;
    font-size: 0.6em;
    max-width: 70%;
    margin-bottom: 100px;
  }
}

/*-----------------------------
 * Posts Grid
 *------------------------------*/

.pt-cv-wrapper .btn-success {
    color: #fff;
    background-color: #991639 !important;
    border-color: #991639 !important;
}

/*-----------------------------
 * Icones
 *------------------------------*/
.vermell {
   width: 70px;
   height: 70px;
 }

 /*-----------------------------
 * Footer
 *------------------------------*/
.footer-tagline {
    width: 100%;
}

#legal-menu {
	text-align: center;
}

#legal-menu li {
	display: inline-block;
	margin-right: 1.5em;
}
p.blockfooter a{
	box-shadow: inset 0 0 0 #000000 !important;
	text-decoration: none;
}