@charset "UTF-8";
:root {
	--clear: #f8f8f8;
	--white: #ffffff;
	--dark: #1f1f1f;
	--text: #333333;
	--primary-darker: #345b71;
	--primary-dark: #467a97;
	--primary: #1199c2;
	--primary-light: #79adca;
	--primary-lighter: #9ac1d7;
	--secondary-darker: #125289;
	--secondary-dark: #186db7;
	--secondary: #24748C;
	--secondary-light: #4ba0ea;
	--secondary-lighter: #78b8ef;
	--complementary-darker: #997404;
	--complementary-dark: #cc9a06;
	--complementary: #ffc107;
	--complementary-light: #ffcd39;
	--complementary-lighter: #ffda6a;
	--success-dark: #357935;
	--success: #5cb85c;
	--success-light: #a3d7a3;
	--danger-dark: #cc0013;
	--danger: #ff3548;
	--danger-light: #ff99a3;
	--warning-dark: #eab308;
	--warning: #facc15;
	--warning-light: #fef08a;
	--info-dark: #002f75;
	--info: #0057da;
	--info-light: #428eff;
	--green: #004650;
	--green-light: #a0d1b2;
	--green-lighter: #f5f8f8;
}
html {
	scroll-behavior: smooth;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html {
	height: 100%;
}

/* General Reset */
body,
html {
  font-family: Inter, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  line-height: calc(2px + 2ex + 2px);
  font-size: 0.95rem;
  color: var(--text);
  font-weight: 400;
}

a {
  cursor: pointer;
}

/* Font-Family Definitions */
@font-face {
  font-family: InterRegular;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://static.diaridetarragona.com/assets/fonts/Inter/InterRegular.eot");
  src: url("https://static.diaridetarragona.com/assets/fonts/Inter/InterRegular.eot") format("embedded-opentype"),
       url("https://static.diaridetarragona.com/assets/fonts/Inter/InterRegular.woff2") format("woff2"),
       url("https://static.diaridetarragona.com/assets/fonts/Inter/InterRegular.woff") format("woff"),
       url("https://static.diaridetarragona.com/assets/fonts/Inter/InterRegular.ttf") format("truetype"),
       url("https://static.diaridetarragona.com/assets/fonts/Inter/InterRegular.svg#InterRegular") format("svg");
}

@font-face {
  font-family: "TT_Livret_Subhead_Light";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://static.diaridetarragona.com/assets/fonts/livret/woff2/TT_Livret_Subhead_Light.woff2") format("woff2"),
       url("https://static.diaridetarragona.com/assets/fonts/livret/woff/TT_Livret_Subhead_Light.woff") format("woff");
}

@font-face {
    font-family: "TT_Livret_Display_DemiBold";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("https://static.diaridetarragona.com/assets/fonts/livret/woff2/TT_Livret_Display_DemiBold.woff2") format("woff2"),
         url("https://static.diaridetarragona.com/assets/fonts/livret/woff/TT_Livret_Display_DemiBold.woff") format("woff");
  }

@font-face {
  font-family: "TT_Livret_Text_Regular";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://static.diaridetarragona.com/assets/fonts/livret/woff2/TT_Livret_Text_Regular.woff2") format("woff2"),
       url("https://static.diaridetarragona.com/assets/fonts/livret/woff/TT_Livret_Text_Regular.woff") format("woff");
}

/* Headings and Paragraphs */
h1,h2,h3,.font-primary {
  font-family: "TT_Livret_Display_DemiBold", serif !important;
  line-height: calc(5px + 2ex) !important;
  text-rendering: optimizeLegibility;
  font-weight: 500;
}

h4,h5,h6 {
  font-family: "TT_Livret_Text_Regular", serif !important;
  font-weight: 500;
}
.font-secondary { font-family: InterRegular, sans-serif !important;}

h1 { font-size: 1.6rem !important; }
h2 { font-size: 1.3rem !important; }
h3 { font-size: 1.25rem !important; }
h4 { font-size: 1.125rem !important; }
h5,
h6 { font-size: 1rem; }

@media screen and (min-width: 1024px) {
  h1 { font-size: 2.375rem !important; }
  h2 { font-size: 2rem !important; }
  h3 { font-size: 1.5rem !important; }
  h4 { font-size: 1.25rem !important; }
  h5 { font-size: 1.125rem !important; }
}

p {
  margin-bottom: 1.5rem !important;
}

.bigest {
  font-size: 4.5rem !important;
}

.biger,
.bigger {
  font-size: 3.75rem !important;
}

.big {
  font-size: 3rem !important;
}

@media screen and (min-width: 768px) {
  .small {
    font-size: 0.8125rem !important;
  }
  .smaller {
    font-size: 0.75rem !important;
  }
  .smallest {
    font-size: 0.6875rem !important;
  }
}

strong {
  font-weight: 700;
}

/* Lists */
ol,
ul {
  margin-left: 0;
}

ol li {
  list-style: upper-roman;
  margin-left: 1.5rem;
  line-height: 1.7rem;
  margin-bottom: 1rem;
  color: #000;
}

/* Address */
address {
  line-height: 1.8rem;
}


/* Links */
a {
	transition: 0.15s;
	outline: 0;
}
a.active,
a:hover {
	color: #000;
	text-decoration: underline;
}

/* layout */
@media screen and (max-width: 750px) {
	audio,
	canvas,
	embed,
	iframe,
	img,
	object,
	svg,
	video {
		max-width: 100%;
	}
}
@media (max-width: 1024px) {
	.grid-cols-2 {
		display: block;
	}
}


/* iframe */ 
.iframe-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 100%;
}
.iframe-container-16-9 {
	padding-top: 56.25%;
}
.iframe-container-3-2 {
	padding-top: 66.66%;
}
.iframe-container-8-5 {
	padding-top: 62.5%;
}
.iframe-container-1-1 {
	padding-top: 100%;
}
.iframe-responsive {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}




/* google */ 
.grecaptcha-badge {
	display: none!important;
}

/* logo */
#logo {
	background: url(https://static.diaridetarragona.com/assets/images/logo.svg) center center/contain no-repeat;
	height: 60px;
	margin: 20px auto;
}
#logo span,
#logo-white span {
	display: none;
}
#logo-white {
	background: url(https://static.diaridetarragona.com/assets/images/logo-white.svg) center center no-repeat rgba(0, 0, 0, 0);
	height: 60px;
	margin: 20px 0;
}

/* Gradients*/
.gradient-primary {
	background: #79adca;
	background: linear-gradient(90deg, #79adca 0, #79adca 100%);
}
.gradient-secondary {
	background: #1f89e6;
	background: linear-gradient(90deg, #1f89e6 0, #4ba0ea 100%);
}


/* COLORS */ 
.clear {
	color: var(--clear);
}
.white {
	color: var(--white);
}
.dark {
	color: var(--dark);
}
.text {
	color: var(--text);
}
.primary-darker {
	color: var(--primary-darker);
}
.primary-dark {
	color: var(--primary-dark);
}
.primary,
.text_primary,
a {
	color: var(--primary);
}
.primary-light {
	color: var(--primary-light);
}
.primary-lighter {
	color: var(--primary-lighter);
}
.secondary-darker {
	color: var(--secondary-darker);
}
.secondary-dark {
	color: var(--secondary-dark);
}
.secondary,
.text_secondary {
	color: var(--secondary);
}
.secondary-light {
	color: var(--secondary-light);
}
.secondary-lighter {
	color: var(--secondary-lighter);
}
.complementary-darker {
	color: var(--complementary-darker);
}
.complementary-dark {
	color: var(--complementary-dark);
}
.complementary {
	color: var(--complementary);
}
.complementary-light {
	color: var(--complementary-light);
}
.complementary-lighter {
	color: var(--complementary-lighter);
}
.success-dark {
	color: var(--success-dark);
}
.success {
	color: var(--success);
}
.success-light {
	color: var(--success-light);
}
.danger-dark {
	color: var(--danger-dark);
}
.danger {
	color: var(--danger);
}
.danger-light {
	color: var(--danger-light);
}
.warning-dark {
	color: var(--warning-dark);
}
.warning {
	color: var(--warning);
}
.warning-light {
	color: var(--warning-light);
}
.info-dark {
	color: var(--info-dark);
}
.info {
	color: var(--info);
}
.info-light {
	color: var(--info-light);
}
.green {
	color: var(--green);
}
.green-light {
	color: var(--green-light);
}
.green-lighter {
	color: var(--green-lighter);
}
.bg-clear {
	background-color: var(--clear);
}
.bg-white {
	background-color: var(--white);
}
.bg-dark {
	background-color: var(--dark);
}
.bg-text {
	background-color: var(--text);
}
.bg-primary-darker {
	background-color: var(--primary-darker);
}
.bg-primary-dark {
	background-color: var(--primary-dark);
}
.bg-primary,
.bg_primary {
	background-color: var(--primary);
}
.bg-primary-light {
	background-color: var(--primary-light);
}
.bg-primary-lighter {
	background-color: var(--primary-lighter);
}
.bg-secondary-darker {
	background-color: var(--secondary-darker);
}
.bg-secondary-dark {
	background-color: var(--secondary-dark);
}
.bg-secondary,
.bg_secondary {
	background-color: var(--secondary);
}
.bg-secondary-light {
	background-color: var(--secondary-light);
}
.bg-secondary-lighter {
	background-color: var(--secondary-lighter);
}
.bg-complementary-darker {
	background-color: var(--complementary-darker);
}
.bg-complementary-dark {
	background-color: var(--complementary-dark);
}
.bg-complementary {
	background-color: var(--complementary);
}
.bg-complementary-light {
	background-color: var(--complementary-light);
}
.bg-complementary-lighter {
	background-color: var(--complementary-lighter);
}
.bg-primary,
.bg-secondary,
.bg_primary,
.bg_secondary {
	color: #fff;
}
.bg-success-dark {
	background-color: var(--success-dark);
}
.bg-success {
	background-color: var(--success);
}
.bg-success-light {
	background-color: var(--success-light);
}
.bg-danger-dark {
	background-color: var(--danger-dark);
}
.bg-danger {
	background-color: var(--danger);
}
.bg-danger-light {
	background-color: var(--danger-light);
}
.bg-warning-dark {
	background-color: var(--warning-dark);
}
.bg-warning {
	background-color: var(--warning);
}
.bg-warning-light {
	background-color: var(--warning-light);
}
.bg-info-dark {
	background-color: var(--info-dark);
}
.bg-info {
	background-color: var(--info);
}
.bg-info-light {
	background-color: var(--info-light);
}
.bg-green {
	background-color: var(--green);
}
.bg-green-light {
	background-color: var(--green-light);
}
.bg-green-lighter {
	background-color: var(--green-lighter);
}
.border-clear {
	border-color: var(--clear);
}
.border-white {
	border-color: var(--white);
}
.border-dark {
	border-color: var(--dark);
}
.border-text {
	border-color: var(--text);
}
.border-primary-darker {
	border-color: var(--primary-darker);
}
.border-primary-dark {
	border-color: var(--primary-dark);
}
.border-primary,
.border_primary {
	border-color: var(--primary);
}
.border-primary-light {
	border-color: var(--primary-light);
}
.border-primary-lighter {
	border-color: var(--primary-lighter);
}
.border-secondary-darker {
	border-color: var(--secondary-darker);
}
.border-secondary-dark {
	border-color: var(--secondary-dark);
}
.border-secondary,
.border_secondary {
	border-color: var(--secondary);
}
.border-secondary-light {
	border-color: var(--secondary-light);
}
.border-secondary-lighter {
	border-color: var(--secondary-lighter);
}
.border-complementary-darker {
	border-color: var(--complementary-darker);
}
.border-complementary-dark {
	border-color: var(--complementary-dark);
}
.border-complementary {
	border-color: var(--complementary);
}
.border-complementary-light {
	border-color: var(--complementary-light);
}
.border-complementary-lighter {
	border-color: var(--complementary-lighter);
}
.border-success-dark {
	border-color: var(--success-dark);
}
.border-success {
	border-color: var(--success);
}
.border-success-light {
	border-color: var(--success-light);
}
.border-danger-dark {
	border-color: var(--danger-dark);
}
.border-danger {
	border-color: var(--danger);
}
.border-danger-light {
	border-color: var(--danger-light);
}
.border-warning-dark {
	border-color: var(--warning-dark);
}
.border-warning {
	border-color: var(--warning);
}
.border-warning-light {
	border-color: var(--warning-light);
}
.border-info-dark {
	border-color: var(--info-dark);
}
.border-info {
	border-color: var(--info);
}
.border-info-light {
	border-color: var(--info-light);
}
.border-green {
	border-color: var(--green);
}
.border-green-light {
	border-color: var(--green-light);
}
.border-green-lighter {
	border-color: var(--green-lighter);
}