/*
 Theme Name:  Roman Britons
 Theme URI:    https://romanbritons.com
 Description:  Roman Britons Child Theme
 Author:       Roman Britons
 Author URI:   https://romanbritons.com
 Template:     Divi
 Version:      1.3
*/

/*****Add any custom CSS below this line*****/

/**set explicit size of logo to prevent jump  on load*/
.et_pb_module et_pb_image et_pb_image_0_tb_header canvas-logo {
	width:151.25px
	height:151.25px
}


/* Font styling */

/* From iPad Pro landscape and bigger screens
@media (min-width: 1280px) {
	h1 {
  font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 4rem;
}
	h2 {
font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
	font-size: 3rem;
}
	h3 {
  font-family: "Poppins" ;
	font-weight: bold;
 	 color: #000;
  	font-size: 2rem;
}
	h4 {
  font-family: "Poppins";
	font-size: 1.5rem;
}
 	p {
    font-family: "Poppins" ;
	font-size: 1rem;
}
}

	/* Screen sizes up to iPad Pro landscape
@media (max-width: 1280px) {
	h1 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 4rem;
}
	h2 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 3rem;

}
	h3 {
  font-family: "Poppins" ;
	font-weight: bold;
 	color: #000;
  	font-size: 2rem;
}
	h4 {
  font-family: "Poppins";
	font-weight: bold;
 	color: #000;
  	font-size: 2rem;
}
	p {
    font-family: "Poppins" ;
	font-size: 1rem;
}
}

	/* Screen sizes up to mobile landscape
@media (max-width: 980px) {
	h1 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 4rem;
}

	h2 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 3rem;
}

	h3 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 2rem;
}

	h4 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1.5rem;
}
	p {
    font-family: "Poppins" ;
	font-size: 1rem;
}
}

	/* Screen sizes up to iPad portrait
@media (max-width: 768px) {
	h1 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 3rem;
}

    	h2 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 2rem;
}

	h3 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1.5rem;
}

	h1 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1rem;
}
	p {
    font-family: "Poppins" ;
	font-size: 1rem;
}
}

	/* Screen sizes mobile landscape
@media (min-width: 480px) and (max-width: 980px) {
	h1 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 3rem;
}

	h2 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 2rem;
}

	h3 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1.5rem;
}

	h4 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1rem;
}
	p {
    font-family: "Poppins" ;
	font-size: 1rem;
}
}

	/* Screen sizes up to mobile portrait
@media (max-width: 479px) {
	h1 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 2rem;
}

	h2 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1.5rem;
}

	h3 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1.25rem;
}

	h4 {
    font-family: "Poppins" ;
	font-weight: bold;
  	color: #000;
  	font-size: 1rem;
}
	p {
    font-family: "Poppins" ;
	font-size: 1rem;
}
}*/

/***Finish font styling ***/

/* code for span that generates white underlines */
/*.blue-highlight {background: linear-gradient(to bottom, #b6bfb0 50%, #fff 50%)}*/

/***Finish text styling code ***/


/* ### menu text for mobile menu with theme builder ### 
.et_mobile_nav_menu:before {
    content: 'Menu';
    font-size: 1rem;
	font-family: "Poppins";
    position: absolute !important;
    top: 3px;
    right: 50px;
    color: #000000;
}
/*** end of mobile menu style ***/

/*change column order on mobile */
@media only screen and ( max-width: 980px ) {
.flip {
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    display: flex;
    flex-direction: column-reverse !important;}
}
/***End column reverse on mobile ***/

/*force logo not to display */
 /*#logo {
        display: none!important;
    }*/
/***end force logo not to display ***/

/* Button Styles */
/* Primary Button Styles 
.primary-button {
  font-size: 1rem;
  color: #FFFFFF;
  background-color: #3366FF;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.primary-button:hover {
  background-color: #2244DD;
}

.primary-button.selected {
  background-color: #FF9933;
}

/* Secondary Button Styles 
.secondary-button {
  font-size: 1rem;
  color: #FFFFFF;
  background-color: #777777;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.secondary-button:hover {
  background-color: #555555;
}

.secondary-button.selected {
  background-color: #FF3366;
}

/*** End button styling ***/