/*
Theme Name: WJ_SE_2026
Theme URI: http://williamjohnson.eu
description: William Johnson SE site - BOOTSTRAP version used 4.5.2
Author: William Johnson
Author URI: http://williamjohnson.eu
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: WJ
*/

/*
ABOUT FORMATING
http://cssguidelin.es/
*/


/**
*CONTENTS
*
*SETTINGS
*@font-face................Loading external fonts.
*
*BASE
*Headings..................h1-h6 styles
*HTML styling..............<a>, body....
*
*
*OBJECTS
*wj_logo div
*Jumbotron_section
*Jumbotron_index_wj
*vertical separator
*spacing for pages -> .single_main
*cards
*Wrappers
*
*
*arrowed_list
*



/*------------------------------------*\
  #SETTINGS
\*------------------------------------*/



@font-face {
  font-family: "Space_Mono";
  src: url("fonts/Space_Mono/SpaceMono-Regular.ttf") format("truetype");
  font-weight: normal;
}


@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins/poppins-regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins/poppins-light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins/poppins-bold.ttf") format("truetype");
  font-weight: 700;
}




/*------------------------------------*\
  #BASE
\*------------------------------------*/

body {
  font-family: "Poppins", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5 {
  font-family: "Space_Mono", monospace;
}

h1 {
  font-size: 5rem;
  padding: 12rem 0rem 6rem 0rem;
  margin: 12rem 0rem 0rem;
  text-align: center;

}

hr.main-hr {
  border-color:white;
  border-style: dashed;
  border-width: 0.5rem 0px 0px;
  margin: 8rem 0rem;
}


nav {
  border-bottom: 1px solid white;
}

footer {
	margin: 3rem 0rem 0rem 0rem;
	padding: 3rem 0rem;
	border-top: 1px solid white;
	background-color: #343a40;
}

a {
  color:#ff4e00!important;
}


/*------------------------------------*\
  #OBJECTS
\*------------------------------------*/


@media screen and (min-width: 801px) {
	.jumbotron-wj-se {
		font-family: "Space_Mono", monospace;
		font-size: 2rem;
		margin: 12rem;
		text-align: left;
	}
}

@media screen and (max-width: 800px) {
	.jumbotron-wj-se {
		font-family: "Space_Mono", monospace;
		font-size: 1rem;
		margin: 6rem;
		text-align: left;
		width:100%;
	}
}

strong {
	font-family: "Space_Mono", monospace;
	font-weight: normal;
}

hr.xp-hr {
	margin: 3rem 12rem 3rem 0rem;
	border-top: 2px dashed white;
}

hr.sk-hr {
	margin: 1rem 0rem;
	border-top: 2px dashed white;
}

hr.bg-hr {
	margin: 3rem 6rem 3rem 0rem;
	border-top: 2px dashed white;
}


/*------------------------------------*\
  #Card
\*------------------------------------*/

.card {
	margin-top: 1rem;
}


/*------------------------------------*\
  #Arrowed List
\*------------------------------------*/

.arrowed_list {	list-style-type: none; padding-left: 1rem; }
.arrowed_list li:before {
	font-family: "Space_Mono", monospace;
	font-weight: bold;
	/* Actual ARROW unicode
	content: "\279C"; */
	content: ">";
	position: relative;
	left: -0.5rem;
}


/*------------------------------------*\
  #Contact Form 7 styling
\*------------------------------------*/

.wpcf7-form {
	font-family: "Space_Mono", monospace;
}

.wpcf7-text, .wpcf7-textarea {
	min-width:50px;
	width: 100%;
	
}



/*------------------------------------*\
  #Particle.js
\*------------------------------------*/


@media screen and (min-width:1201px) {
	#particles-js {
		position: fixed;
		top: 0px;
		width: 1920px;
		height: 1080px;
		margin: 0rem;
		padding: 0rem;
	}
}

@media screen and (max-width: 1200px) {
	#particles-js {
		position: fixed;
		top: 0px;
		width: 1200px;
		height: 900px;
		margin: 0rem;
		padding: 0rem;
	}
}

@media screen and (max-width: 800px) {
	#particles-js {
		position: fixed;
		top: 0px;
		width: 800px;
		height: 900px;
		margin: 0rem;
		padding: 0rem;
	}
}