@import "fonts.css";

/* VARIABLES */
body {
  --color-1: #231F20;
  --color-2: #ED1C24;
  --color-text: #231F20;

  --section-gray: #F1F1F1;

  font-family: "Raleway", sans-serif;
}
html { scroll-padding-top: 185px; } /* Fix content behind the sticky header on anchor navigation */
h1, h2, h3, h4, h5, h6 { font-family:"Visby", sans-serif; font-weight:900; text-transform: uppercase; }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }

/* MODALES DE MAS INFO */
.loadcardclass {
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	margin:0px;
	position:fixed;
	z-index:9999;
	display:none;
	background: rgba(0,0,0,0.50);
}
.modalcard { position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1024px; width:99%; height:90%; background-color:#f9f9f9; z-index:9999; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow:hidden; }
.cardframe { width:100%; height:100%; border: 0px solid; -webkit-overflow-scrolling: touch; overflow-y: scroll; }


/* PRELOAD SOME IMAGES */
body::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
  content:url('../../images/list-style--black.png');
}

/* GENERAL */
.title-lead { text-transform:uppercase; font-size:28px; font-weight:bold; text-align:center; position:relative; padding-bottom:8px; margin-bottom:60px; }
.title-lead span { display:inline-block; padding-left:30px; background:url('../../images/title--black.png') no-repeat; background-position:0 center; }
.title-module { text-transform:uppercase; font-size:26px; font-weight:bold; position:relative; padding-bottom:8px; margin-bottom:60px; }
.title-module span { display:inline-block; padding-left:30px; background:url('../../images/title--black.png') no-repeat; background-position:0 center; }
.subtitle-lead { text-align: center; max-width:800px; margin-left:auto; margin-right:auto; }
.square { content:""; display:block; width:30px; height:30px; position:absolute; }
.square--black { background:var(--color-1); }
.square--red { background:var(--color-2); }
.square--tr { top:0; right:0; }
.square--bl { bottom:0; left:0; }
.image-cover { width:100%; max-height:475px; object-fit: cover; object-position: center center;}
.blockquote { font-style: italic; position:relative; margin-bottom:10px; }
.blockquote-footer { font-weight:900; font-size:18px; color:var(--color-1); margin:0; padding-top:10px; position:relative; }
.blockquote-footer::before { content: ""; width: 100%; display: block; height: 1px; background: var(--color-text); position: absolute; top:0; }
.blockquote-footer cite { display:block; color:var(--color-2); font-size:14px; text-transform:uppercase; font-style: normal; }
.container { max-width:1200px; }
.plus-golf-squares--white::after { content:url('../../images/squares-4--white-red.png'); position:absolute; top:0; left:0; }
.pg-section { padding:40px 0; background-blend-mode: multiply; }
.pg-section--gray { background-color: var(--section-gray); }
.pg-section--color-light { color:white!important; }
.pg-blurb { text-align:center; padding:0 5px; }
.pg-blurb-icon { font-size:66px; color:var(--color-2); margin-bottom:10px; }
.pg-blurb-title { font-family:"Visby", sans-serif; font-weight: 900; text-transform: uppercase; font-size:18px; line-height:1.1em; margin-bottom:10px; }
.pg-blurb-text { line-height:1.3em; }
.pg-list li { list-style: none; position:relative; padding:2px 0; }
.pg-list li::before { content:""; display:block; position:absolute; left:-22px; top:6px; background:url('../../images/list-style--black.png') no-repeat; width:20px; height:20px; }
.testimonial-img { width:50px; height:50px; object-fit: cover; border-radius:50%; }
.testimonial-autor { font-weight:bold; font-family:"Visby", sans-serif; }
.testimonial-position { color:var(--color-2); font-family: "Visby", sans-serif; font-size:0.85em; }
.timeline { list-style-type: none; margin: 0; padding: 0; position: relative }
.timeline:before { content: ''; position: absolute; top: 5px; bottom: 5px; width: 5px; background: #2d353c; left: 20%; margin-left: -2.5px }
.timeline>li { position: relative; min-height: 50px; padding: 20px 0 }
.timeline .timeline-time { position: absolute; left: 0; width: 18%; text-align: right; top: 30px }
.timeline .timeline-time .date,
.timeline .timeline-time .time { display: block; font-weight: 600 }
.timeline .timeline-time .date { line-height: 16px; font-size: 12px }
.timeline .timeline-time .time { line-height: 24px; font-size: 20px; color: #242a30 }
.timeline .timeline-icon { left: 15%; position: absolute; width: 10%; text-align: center; top: 40px }
.timeline .timeline-icon a { text-decoration: none; width: 20px; height: 20px; display: inline-block; border-radius: 20px; background:var(--color-2); line-height: 10px; color: #fff; font-size: 14px; border: 5px solid #2d353c; transition: border-color .2s linear }
.timeline .timeline-body { margin-left: 23%; margin-right: 17%; background: #fff; position: relative; padding: 20px 25px; border-radius: 6px }
.timeline .timeline-body:before { content: ''; display: block; position: absolute; border: 10px solid transparent; border-right-color: #fff; left: -20px; top: 20px }
.timeline .timeline-body>div+div { margin-top: 15px }
.timeline .timeline-body>div+div:last-child { margin-bottom: -20px; padding-bottom: 20px; border-radius: 0 0 6px 6px }
.timeline img { max-width: 100%; display: block }
.timeline-content { letter-spacing: .25px; line-height: 18px; font-size: 13px }
.timeline-content:after,
.timeline-content:before { content: ''; display: table; clear: both }
.timeline-title { margin-top: 0 }
.sidebar { padding:20px 30px; background:var(--section-gray); }
.social-media-widget { padding-left:0; }
.social-media-widget li { list-style:none; display:inline-block; margin:0; width:50px; height:50px; background:var(--color-1); font-size:30px; line-height:50px; text-align:center; }
.social-media-widget li:nth-child(even) { background:var(--color-2); }
.pg-links-list { padding-left:20px; }
.pg-links-list li { list-style: none; padding:5px 0; color:var(--color-2); }
.pg-links-list li a { color:var(--color-2); font-weight:bold; text-decoration: none; }
.pg-links-list li a:hover { text-decoration:underline; }
label { font-size:14px; }
input[type="text"], input[type="email"], input[type="password"], textarea { background-color:var(--section-gray)!important; border-radius:0!important; border:none!important; }
button, .btn { font-size:14px; font-weight:bold; padding:0.375rem 1.5rem; }
.offcanvas.offcanvas-end { width:280px; }
.active>.page-link, .page-link.active { background-color:var(--color-2); border-color:var(--color-2); }
.page-link, .page-link:focus { color:var(--color-1); }
.page-link:hover { color:var(--color-2); }
/** TOP **/
#top { background-color:var(--color-1); color:white; padding:3px 0; font-size:14px; }
#top a { color:white; }
.social-media { margin-bottom:0; padding-left:0; }
.social-media li { list-style: none; display: inline-block; margin:0 3px; font-size:20px; }
.social-media--light a { color:white; }
.sign-in { margin:0 30px; display:flex; }
.sign-in .btn-dark { background-color: transparent; border: none; }
.sign-in .btn-dark:hover { background-color:transparent; }
.sign-in-list { margin-bottom:0; padding-left:0; display:inline-block; margin-left:5px; }
.sign-in-list li { list-style:none; display:inline-block; margin: 0 3px; }
.lang-switch { margin-bottom:0; padding-left:0; font-weight:bold; }
.lang-switch li { list-style: none; display: inline-block; margin:0 3px; }
.lang-switch li.selected a { color:var(--color-2)!important; text-decoration: none; }
/** HEADER **/
#header { position:relative; padding:10px 0; background:white; }
#header::after { content:""; display:block; position:absolute; left:0; bottom:0; background:url('../../images/squares--black.png') no-repeat; width:40px; height:60px; }
#header::before { content:""; display:block; position:absolute; right:0; top:0; background:url('../../images/squares--red.png') no-repeat; width:40px; height:60px; }
#header .container { position:relative; }
/*#header .container::before { content:""; display:block; position:absolute; right:0; bottom:-10px; background:url('../../images/flag--black.png') no-repeat; width:35px; height:44.5px; }*/
.header-slogan { text-transform: uppercase; font-family:"Visby", sans-serif; font-weight:900; font-size:18px; line-height:1em; margin:0 40px; }
.logo img { margin-left:-15px; max-width:200px; }
.header__accreditations { margin:0 30px; }
.header__accreditations img { max-height:60px; margin-top:8px; }
/** NAV **/
#nav { background-color: var(--color-2); }
#nav .nav-item > a { text-transform: uppercase; color:white!important; font-weight:bold; }
#nav .nav-link { padding:var(--bs-nav-link-padding-y) 20px; transition:none; }
.nav-link { text-transform: uppercase; font-weight: 800; font-size: 14px; color:var(--color-1)}
.nav-link.dropdown-toggle.show { color:var(--color-2); }
#nav .nav-link:hover { background:url('../../images/list-style-nav--black.png') no-repeat; background-position:2px center; color:var(--color-1)!important; }
.dropdown-menu { border-radius:0; margin-top:0!important; padding:15px; border-radius: 8px; background-color: rgba(3, 3, 3, 0.7); }
.dropdown-item { font-size:14px; padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) var(--bs-dropdown-item-padding-y) 20px; color:white; line-height:1.3em; }
#nav-mobile .dropdown-item { white-space:inherit; }
.dropdown-item:active { background-color:var(--bs-dropdown-link-hover-bg); }
.dropdown-item:active, .dropdown-item:hover { background:url('../../images/list-style--white.png') no-repeat; background-position:0 center; color:#CCC; }
/** MOBILE NAV **/
.plus-golf-mobile { background-color:var(--color-2); }
.plus-golf-mobile .navbar-toggler { border:none; padding:0; }
.plus-golf-mobile .navbar-toggler-icon { width:1em; height:1em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important; }
.navbar-toggler:focus { box-shadow: none; }
/** SUBHEADER **/
#subheader { height: 80px; border-bottom:1px solid var(--section-gray); }
#subheader h1 { color:var(--color-2); text-transform: uppercase; font-size:30px; font-weight:900; font-family:"Visby", sans-serif; }
.page-title-h1 { height:80px; }
/** FOOTER **/
footer { background-color: var(--color-1); color:white; }
footer .title { font-family:"Visby", sans-serif; text-transform: uppercase; padding-left:20px; font-weight:bold; font-size:16px; background:url('../../images/list-style--white.png') no-repeat; background-position:0 center; display:inline-block; }
footer .menu { padding-left:0; margin-top:5px; }
footer .menu li { list-style: none; font-size:13px; padding:2px 0; }
footer .menu a { color:white; text-decoration:none; }
footer .menu a:hover { color:var(--color-2); }
footer .copy { font-size:12px; }
.stores-logos img { max-width:130px; margin-right:10px; width:100%; }
.footer__accreditations img { height:75px; }

/* PAGES */
/** HOME **/
#home-slide .carousel-caption { font-family:'Visby Heavy', sans-serif; padding-top:0; padding-bottom:0; width:1024px; height:220px; }
#home-slide .carousel-caption h2 { font-size:48px; }
#home-slide .carousel-caption h3 { font-size:30px; }
#home-slide .slide-link { text-decoration: none; color:white; }
#home-slide .slide-link:hover { color:#ccc; }
.video-section { position:relative; margin-bottom:-10px; }
#background-video { height: 700px; width: 100%; object-fit: cover; position: relative; z-index: -1; }
#home-platforms { background:url('../../images/home-platforms_bg.jpg') no-repeat; background-size:cover; padding:100px 0; }
#home-platforms img { max-width:100%; }
.phrase-wrap { width:400px; }
#section-partners { padding:100px 0; }
#section-partners img, #partners img { max-width:65px; }
.pg-logos { font-size:90%; line-height:1.1em; }
.pg-logos img { max-height:60px; }
.pg-logos a { text-decoration:none; font-weight:bold; color:var(--color-1); }
/** APPS **/
.our-platform__device { text-align:right; }
.our-platform-device { max-height:330px;margin-top:-50px;margin-bottom:-50px; }
/** PROFILE **/
.profile-header { position:relative; }
.profile-header::before { content:""; display:block; background:url('../../images/squares-4--black-red.png') no-repeat; background-size:contain; width:60px; height:57px; position:absolute; top:0; left:0; }
.profile-avatar-name { position:absolute; bottom:-100px; left:30px; }
.profile-avatar { width:150px; height:150px; object-fit: cover; border:5px solid white; border-radius:50%; }
.profile-name-position { margin:0 0 10px 10px; }
.profile-name { font-weight:900; font-size:20px; line-height:1em; }
.profile-position { color:var(--color-2); font-size:12px; text-transform: uppercase; font-weight: bold; }
.profile-content { border-top:2px solid var(--color-1); margin: 100px 10px 0; padding:20px 0 0; }
/** BLOG **/
.blog-title { margin-bottom:20px; }
.blog-title a { text-decoration: none; color:var(--color-1) }
.blog-post, .blog-post-single { margin-bottom:60px; position:relative; padding-bottom:70px; }
.blog-post::after, .blog-post-single::after { content:""; display:block; background:url(../../images/squares-4--black-red.png); background-size:contain; width:35px; height:35px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.blog-post:last-child { padding-bottom:0; }
.blog-post:last-child::after { display:none; }
.blog-post__info { margin:10px 0; }
.blog-post__category { font-weight:bold; }
.blog-post__category a { color:var(--color-2); text-decoration: none; }
.blog-post__category a:hover { text-decoration:underline; }
.blog-post__author, .blog-post__date { color:#AAAAAA; font-size:14px; line-height: 30px; }
.blog-post__author a { text-decoration:none; color:#AAAAAA; }
.blog-post__author a:hover { text-decoration:underline; }
.blog-post__date { display:flex; }
.blog-post__date i { font-size:20px; margin-top:5px; margin-right:5px; }
.blog-post__author-img { object-fit: cover; width:35px; height:35px; border-radius:50%; margin-right:5px; }
.blog-post-single__share { background:var(--section-gray); padding:10px 15px; font-weight:bold; margin-bottom:20px; }
.blog-post-single__buttons { display:flex; justify-content: space-between; }
.blog-post-single__buttons a { background: var(--section-gray); padding:10px 20px; font-weight: bold; text-decoration:none; font-size:14px; color:var(--color-1); }
.blog-post-single__buttons a:hover { background:#AAAAAA; color:white; }
/*** BLOG GRID ***/
.blog-grid-post__img { object-fit: cover; width:100%; height:250px; }
.blog-grid-post__info { margin:15px 0 10px; }
.blog-grid-post__author-img { object-fit: cover; width:30px; height:30px; border-radius:50%; margin-right:5px; }
.blog-grid-post__date { display:flex; }
.blog-grid-post__date i { font-size:20px; margin-top:2px; margin-right:5px; }
.blog-grid-post__author, .blog-grid-post__date { color:#AAAAAA; font-size:12px; line-height: 25px; }
.blog-grid-post__author a { text-decoration:none; color:#AAAAAA; }
.blog-grid-post__author a:hover { text-decoration:underline; }
.blog-grid-post__title { text-decoration:none; color:var(--color-1); }
.blog-grid-post__text { font-size:smaller; }

/* RESPONSIVE */

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { }

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  #header .container::before { width:20px; height:27px; background-size:contain; right:3%; }
  #header::after, #header::before { width:20px; height:30px; background-size:contain; }

  #home-slide .carousel-caption { width:700px; height:200px; }
  #home-slide .carousel-caption h2 { font-size:44px; }
  #home-slide .carousel-caption h3 { font-size:26px; }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  #top { font-size:12px; }
  .sign-in { margin:0 10px 0 0; }
  #header .container::before { width:20px; height:27px; background-size:contain; right:10%; }
  #header::after, #header::before { display:none; }

  #home-slide .carousel-caption { width:600px; height:90px; }
  #home-slide .carousel-caption h2 { font-size:30px; }
  #home-slide .carousel-caption h3 { font-size:18px; }

  .title-lead { font-size:20px; }
  .title-lead span { background-size:20px; }

  .phrase-wrap { width:300px; margin-top:15px; }
  .phrase-wrap .blockquote { font-size:1em; }

  /** APPS **/
  .our-platform-device { margin-top:0px;margin-bottom:0px; }

  /** ABOUT US **/
  #our-purpose { text-align: center; }

  /** PROFILE **/
  .profile-avatar-name { margin:30px 0; position:static; }
  .profile-content { margin:50px 10px 0; }

 }

 /* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  #home-slide .carousel-caption h2 { font-size:22px; }
  #home-slide .carousel-caption h3 { font-size:18px; margin-bottom:5px!important; }
  #home-slide .slide-link { font-size:10px; }
  #background-video { height:450px; }

  .title-lead { font-size:16px; }
  .title-lead span { background-size:16px; }

  .phrase-wrap { width:100%; max-width:400px; margin:50px auto; padding:0 40px; }

  .pg-blurb { margin-bottom:40px; }

  footer { text-align:center; }

  /** APPS **/
  .testimonials > div { margin-bottom: 30px; }

  /** BLOG SINGLE **/
  .blog-post-single__buttons { margin-bottom:40px; }
 
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .logo { flex:1; text-align:center; }
  .logo img { max-width:175px; }
  .header__accreditations { margin: 0; }
  .header__accreditations img { height:45px; margin_top:11px; }

  #home-slide .carousel-caption { width:400px; height:90px; }
  #home-slide .carousel-caption h2 { font-size:16px; }
  #home-slide .carousel-caption h3 { font-size:12px; }
  #background-video { height:380px; }

  .title-lead { font-size:16px; }
  .title-lead span { background-size:16px; background-position: top left; padding-left:20px; }

  footer .footer-bottom { display:block!important; }
  footer .copy { margin-bottom:10px; }

  /** APPS **/
  #our-platform { text-align:center; }
  .our-platform__device { text-align:center; }

  /** ABOUT US **/
  .timeline:before { left:19%; }
  .timeline .timeline-body { margin-left:25%; margin-right:14%; }
  .timeline .timeline-icon { left:14%; }
  .timeline .timeline-time { width:16%; }

  /** WORLD TECHNOLOGY **/
  .pg-logos { font-size:75%; font-weight:normal; }
  .pg-logos.row-cols-6 > * { width:33.33%; }

  /** BLOG **/
  .blog-grid.row-cols-2 > * { width:100%; }
}

/* `xs` returns only a ruleset and no media query */
/* ... { ... } */