/*
Theme Name: [ antoine . olbrechts . eu ]
Author: [ antoine . olbrechts . eu ]
Author URI: https://antoine.olbrechts.eu/
Description: [ antoine . olbrechts . eu ]
Version: 3.0
Text Domain: antoine
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}




/** [ antoine . olbrechts . eu ] **/
html, body {
	font-family: 'Raleway', sans-serif;
	height: 100%;
}

.top-logo {
	height: 50px;
}

#top-nav {
	background: #fff;
}

#top-nav i.fa {
	margin: 2px;
	font-size: 1.6em;
}

i.fa-facebook-official {
	color: #3c5b96;
}

i.fa-twitter {
	color: #2ba3f0;
}

i.fa-instagram {
	color: #231f20;
}

i.fa-linkedin {
	color: #1379b3;
}

/** NAV **/
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	text-decoration: underline;
}

body.home .forcefullwidth_wrapper_tp_banner {
	border-bottom: 0.5px solid #fff;
}

#home-jumbo {
	height: 75%;
	background: none;
}

#home-jumbo h1, .rev_slider h1 {
	font-size: 8.0rem !important;
	font-family: 'Amatic SC', cursive;
	color: #fff;
}

#home-jumbo p {
	color: #fff;
	font-size: 2.0rem;
	font-weight: 300;
}

.btn-primary {
	border-radius: 0;
	background: #EA0B8C;
	border: 0;
	font-size: 1.4rem;
}

.btn-primary:hover {
	border-radius: 0;
	background: #EA0B8C;
	border: 0;
}

.btn-secondary {
	border-radius: 0;
	background: #fff;
	color: #EA0B8C;
	border: 0;
	font-size: 1.4rem;
}

/** Home top row **/
#home-top-row .left-col, #content-top-row .left-col {
	color: #fff;
	min-height: 210px;
}

#home-top-row, #content-top-row {
	border-top: .5px solid #ccc;
}

#home-top-row h3 {
	font-family: 'Amatic SC', cursive;
	font-size: 3.0rem;
	margin-bottom: 1.25rem;
}

#home-top-row .col-sm, #home-top-row .col-sm-4 {
	border-right: 0.5px solid #fff;
}

#home-top-row .web, #content-top-row .web .left-col {
	background: #F60F34;
	color: #fff;
}

body.page-template-web #content-top-row article a, body.page-template-whatwedo #content-top-row .card-body a, body.portfolio-template-default #content-top-row .portfolio-item a {
	color: #F60F34;
}

body.page-template-social-media #content-top-row article a {
	color: #D302A6;
}

body.page-template-e-marketing #content-top-row article a {
	color: #D3014F;
}

#content-top-row .blog {
	background: #666;
	color: #fff;
}

body.page-template h1, body.single-portfolio h1, body.blog h1, body.single-post .blog h1, body.single-post h1.mobileblog {
	font-family: 'Amatic SC', cursive;
	font-size: 4.5rem;
	color: #fff;
	margin-bottom: .7rem;
}

body.page-template #home-top-row h1 a, body.page-template #home-top-row h1 a:hover, body.single-portfolio #home-top-row h1 a, body.single-portfolio #home-top-row h1 a:hover, body.blog #home-top-row h1 a, body.blog #home-top-row h1 a:hover, body.page-template #content-top-row h1 a, body.page-template #content-top-row h1 a:hover, body.portfolio-template-default #content-top-row h1 a, body.portfolio-template-default #content-top-row h1 a:hover, body.post-template-default #content-top-row h1 a, body.post-template-default #content-top-row h1 a:hover {
	text-decoration: none;
}

body.page-template h1.entry-title, body.single-portfolio h1.entry-title, body.blog h1.entry-title {
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-size: 2.5rem;
	margin-top: 3.5rem;
}

body.page-template article {
	color: #333;
}

#home-top-row .slider {
	background: #000;
	height: 300px;
}

#home-top-row .social, #content-top-row .social .left-col {
	background: #D302A6;
	color: #fff;
}

body.page-template-social #content-top-row article a {
	color: #D302A6;
}

#home-top-row .emarketing, #content-top-row .emarketing .left-col {
	background: #D3014F;
	color: #fff;
	border: 0;
}

body.page-template-emarketing #content-top-row article a {
	color: #D3014F;
}

#home-top-row a, #content-top-row a {
	color: #fff;
	text-decoration: underline;
}

#content-top-row .entry-content a {
	box-shadow: inset 0 -4px 0 #EA0B8C;
	text-decoration: none;
}

#content-top-row .entry-content a:hover {
	background: #EA0B8C;
	text-decoration: none;
	color: #fff !important;
}

#content-top-row .entry-content .sharedaddy a, #content-top-row .entry-content .jp-relatedposts a {
	box-shadow: none;
	text-decoration: none;
}

#content-top-row .entry-content .sharedaddy a:hover, #content-top-row .entry-content .jp-relatedposts a:hover {
	background: none;
	color: #333 !important;
}

#home-top-row a:hover, #content-top-row a:hover {
	text-decoration: overline;
}

#home-top-row .fa {
	margin-right: 0.25rem;
}

.left-col .menu, .entry-content ul {
	list-style-type: none;
	padding: 0;
}

#home-top-row .entry-content ul a {
	color: #333;
}

.left-col .menu li:before, .entry-content ul li {
	margin-bottom: .5rem;
}

.left-col .menu li:before, .entry-content ul li:before {
	content: "_ ";
}

#home-top-row .left-col .menu li a:hover {
	text-decoration: none;
}

.map-top {
	border: 0;
}

body.page-template-contact .entry-content a {
	color: #333 !important;
}

.nav-links a {
	color: #333 !important;
}

#home-top-row a.post-thumbnail-portfolio {
	color: #333 !important;
}

#home-top-row a.post-thumbnail-portfolio h4 {
	font-size: 1.2rem;
}

#home-top-row a.post-thumbnail-portfolio:hover {
	text-decoration: none;
}

#home-top-row .card a, #home-top-row .portfolio-item a {
	color: #333;
}

body.single-portfolio #wpdevar_comment_2 {
	display: none;
}

body.single-portfolio #jp-relatedposts {
	margin-top: 3rem;
}


/** Blog **/
.widget {
	margin-bottom: 2.5rem;
}

h2.widget-title {
	font-size: 1.4rem;
}

.widget ul {
	margin: 0;
	padding: 0 0 0 1rem;
	list-style-type: square;
}

#home-top-row .type-post a {
	color: #111;
}

h4.card-title a, .more-link, #content-top-row .type-post a {
	color: #333 !important;
}

h4.card-title a:hover {
	text-decoration: none !important;
}

blockquote p {
	border-left: 8px solid #F60F34;
	background: #F6F6F6;
	margin-bottom: 1rem;
	font-size: 1.25rem;
	padding: .5rem 0 .5rem 1rem;
}

blockquote p::before {
	font-family: FontAwesome;
	content: "\f10d";
	margin-right: .5rem;
}

blockquote p::after {
	font-family: FontAwesome;
	content: "\f10e";
	margin-left: .5rem;
}

blockquote footer {
	background: none;
}


/** Footer **/
footer {
	background: #fff;
	font-size: 0.8rem;
}

footer a {
	color: #292b2c;
}

footer a:hover {
	color: #000;
}





/** RESPONSIVE **/

/** Extra small devices (portrait phones, less than 576px) **/
@media (max-width: 575px) {
	#home-jumbo h1, .rev_slider h1 {
		font-size: 5.0rem !important;
		margin-bottom: 1rem !important;
	}
	
	#content-top-row .mobileblog a {
		color: #333 !important;
		text-decoration: none;
	}
}

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

/** Medium devices (tablets, less than 992px) **/
@media (max-width: 991px) {
	
}

/** Large devices (desktops, less than 1200px) **/
@media (max-width: 1199px) {
	
}

/** XX Large devices (desktops, more than 1920px) **/
@media (min-width: 1920px) {
	#home-top-row .web {
		height: 344px;
	}
}

/** Extra large devices (large desktops) **/
/** No media query since the extra-large breakpoint has no upper bound on its width **/