/*
	* ALL CUSTOMIZATIONS MADE BY ALEX
 */



a:hover, a:focus {
    text-decoration: none;
    color: #085588 !important;
    outline: none !important;
}





/*	CHANGE TO RED #ec1b2e
	FROM DEFAULT YELLOW #fdcb6e
————————————————————————————————————————————————————————— */

.ftco-intro h2 span {
	background: #ec1b2e;
}
a {
	-webkit-transition: .3s all ease;
	color: #ed1B2E;
}
.services.active-2 {
	background: #ec1b2e; }
.services:hover, .services:focus {
	background: #085588; }





/*	CHANGE TO BLUE #085588
————————————————————————————————————————————————————————— */
.ftco-navbar-light .navbar-brand {
	color: #085588;	
}
.ftco-navbar-light .navbar-brand:hover, .ftco-navbar-light .navbar-brand:focus {
	color: #085588; }
	@media (max-width: 991.98px) {
		.ftco-navbar-light .navbar-brand {
		color: #085588; } }																	/* changed this from #fff ... assumed it was a needed edit similar to above color change */

	.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
		color: #085588;
}
	.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover {
		color: #085588; }
	@media (max-width: 991.98px) {
		.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
			color: rgba(255, 255, 255, 0.7); }
		.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover {						/* changed this from #fff ... assumed it was a needed edit similar to above color change */
		color: #085588; } }

	.ftco-navbar-light.scrolled .nav-link {
		color: #085588 !important; }														/* ALEX changed this from #000 */
	.ftco-navbar-light.scrolled .navbar-brand {
		color: #085588; }																	/* ALEX changed this from #000 */

.navbar-brand {
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;

	/* Logo replacement */
	width: 228px; 							 												 /* adjust to your logo */
	height: 60px;  																			 /* adjust to your logo */
	background: url("http://www.alexjartos.com/images/logo.svg") no-repeat 0 0;
	background-size: contain;

	/* Hide text but keep for SEO */
	text-indent: -9999px;
	overflow: hidden;
}




@media (max-width: 767.98px) {
	.navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 1rem;
		font-size: 1.25rem;
		width: 60px;
		height: 60px;
		background: url("http://www.alexjartos.com/images/logo_AlexJartos_head.svg") no-repeat 0 0;
	}
}







































.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none;
}

.navbar-brand {
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px; }

	.hero h1.vr {
		font-size: 18vw;
	}



.heading-section .subheading {
  font-size: 18px;
  display: block;
  margin-bottom: 5px; }


.heading-section h2 {
	font-size: 4vw; /* ALEX changed this from 14vw */
	text-align: center; } /* ALEX changed this from left to center */
.heading-section h2 span {
	text-align: center; } /* ALEX changed this from right to center */
	.portfolio-wrap .text h2 a, .portfolio-wrap .text a h2 /* ALEX ADDED the code after the comma to add underline to h2*/ {
     	border-bottom: 3px solid #000000; }
	.portfolio-wrap .text .desc .custom-btn {
		color: #ed1d2f;					/* ALEX CHANGED THIS COLOR */
	}
	.portfolio-entry .one-half.half-text .text .desc .custom-btn, .portfolio-entry .one-half.half-text .text-2 .desc .custom-btn {
		color: #ed1d2f;					/* ALEX CHANGED THIS COLOR*/
	}

.tagcloud 
	text-align: center;
}





/* ALEX ADDED THIS — RED LINE PRECEDING SUB HEADINGS*/

.top span.subheading {
padding-left: 30px;
position: relative;
}
.top span.subheading:before {
content: "";
border-bottom: 2px solid;
border-color: #ed1d2f;
position: absolute;
top: 9px;
left: 3px;
width: 14px;
align-items: center;
}

.resume span.subheading {
display: block;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 3px;
color: #000000;
font-weight: 700;
}
.top span.subheading {
padding-left: 30px;
position: relative;
}



.btn {
	font-size: 2em;
}

.btn.btn-primary {
	padding: .5em 1em;
	background: #ec1b2e !important;
	border: 1px solid #ec1b2e !important;
}

@media (max-width: 767.98px) {
    .btn.btn-primary {
	   	font-size: 16px;
		padding: .5em .75em;
    }
}




/* ALEX ADDED THIS — RED LINE PRECEDING SUB HEADINGS »»»»» RESUME */


.resume span.subheading {
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 3px;
	color: #000000;
	font-weight: 700;
}
.resume p {
	padding: 0 0 0 1.8em;
}






/* ALEX ADDED THIS color change to home page VIEW MY PORTFOLIO btn */

.big-btn a.btn-primary:hover {						
      border: 1px solid #000 !important;
      background: #000000 !important;
      color: #fff; }


/* ALEX ADDED THIS resume li align left  fart */

.ftco-section .resume {
  padding: 10em 0;
}
	@media (max-width: 991.98px) {
		.ftco-section .resume {
			padding: 1em 0; }
		}


.resume {
	text-align: left;
}





/* ALEX ADDED THIS full width image on portfolio detail pages */
.full-bleed-image img {
  width: 100%;
  height: auto;
  display: block;
  border: none;
}

.full-bleed-image .caption {
  max-width: 1140px; /* matches Bootstrap container */
  margin: 1rem auto 0;
  padding: 0 15px;
}










.ftco-intro h2 {
	font-size: 40px;
}
	@media (max-width: 991.98px) {
		.ftco-intro h2 {
			font-size: 26px;
		} }


@media (max-width: 767.98px) {
    .portfolio-wrap .text h2 {
        font-size: 11vw;
    }
}

@media (max-width: 767.98px) {
    .portfolio-entry .one-half.half-text h2,
    .portfolio-wrap .text .top-relative h2 {
        font-size: 11vw;
    }
}
















.tagcloud a, .tagcloud .notalink {
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 7px;
  margin-right: 4px;
  border-radius: 4px;
  color: #000000;
  border: 1px solid #ccc;
  font-size: 11px;
  text-align: center; }
  .tagcloud a:hover {
    border: 1px solid #000; }



.tagcloud {
	text-align: center;
}



.img-caption {
	font-style: italic;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: center;
	caption-side: bottom;
}

.skill-tags {
	padding: 1em 0;
}



.ftco-section.single {
	padding: 15em 0 0;
}

@media (max-width: 767.98px) {
	.ftco-section.single {
    padding: 5em 0 0; }
}




.hero {
  position: relative;
  overflow: hidden;
}

/* Full-bleed video */
.video-full {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

/* Overlay (optional dark layer) */
.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3); /* adjust to taste */
  z-index: 1;
}

/* Your headline */
.hero-title {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  font-size: 4rem;
}

@media (max-width: 767.98px) {
	.mb-5, .my-5 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
	}
}






@media (max-width: 767.98px) {
	.img.client-head {
        height: 100px;
        width: 30%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767.98px) {
	.clients-block {
        padding-top: 3em;
    }
}





@media (max-width: 991.98px) {
    .ftco-navbar-light {
        background: #085588 !important;
    }
}




@media (max-width: 767.98px) {
    .ftco-section {
        padding: 1em 0;
    }
}