/**
 * #.# Styles
 *
 * CSS for FrontEnd + BackEnd.
 */


// Cover Design Elements

.k2-cta-boxed-container {
	display: flex;
	margin-top: 2em;
	margin-bottom: 2em;
  }
  
  
  .k2-cta-cover-parent-container {
  
	//background-image: url("https://oxfordsummerprogram.com/wp-content/uploads/2020/02/WhatsApp-Image-2020-02-10-at-12.33.09-PM-1-1.jpeg");
	background-color: lightgray;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	position: relative;
  
  }
  
  .k2-cta-cover-text-container {
	width: 100%;
	padding: 2em;
  }
  
  .k2-cta-cover-heading-style {}
  
  
  .k2-cta-cover-paragraph-heading {
	color: white;
  }
  
  
  
  .k2-cta-cover-button-styling {
	padding: 0.5em 1em;
	display: inline-block;
	// border settings
  
  
  
  
	//text settings
	font-family: 'poppins';
	font-weight: 500;
	line-height: 1 !important;
  
	//transition effect
	transition: 0.5s;
  
  
  }
  
  
  .k2-cta-cover-button-styling:hover {
  
	cursor: pointer;
  }
  
  
  
  
  
  
  
  
  
  
  // Classic Design Elements
  
  
  
  .k2-cta-classic-parent-container {
	display: flex;
	align-items: center;
	// flex-wrap: wrap-reverse;
	position: relative;
  }
  
  
  
  
  // Image Container
  
  .k2-cta-classic-image-container {
	background-color: lightgray;
	flex-basis: 50%;
	//  background-image: url("http://localhost/wordpress/wp-content/uploads/2020/04/Culture-and-Diversity-e1575982916249.jpg");
	background-size: cover;
	background-position: 50%;
	position: relative;
  
  }
  
  
  // Text Container
  .k2-cta-classic-text-container {
	flex-basis: 50%;
	vertical-align: middle;
	padding: 2em;
  }
  
  .k2-cta-classic-heading-style {}
  
  .k2-cta-classic-paragraph-heading {
	color: #002147;
  }
  
  .k2-cta-classic-button-styling {
	padding: 0.5em 1em;
	display: inline-block;
  
	//text settings
	font-family: 'poppins';
	font-weight: 500;
	line-height: 1 !important;
  
	//transition effect
	transition: 0.5s;
  
  
  }
  
  .k2-cta-classic-button-styling:hover {
  
	cursor: pointer;
  }
  
  //
  //@media (max-width: 1000px) {
  //  .CoverParentContainerSpan {
  //	width: 100%;
  //  }
  //}
  
  @media (max-width: 700px) {
	.k2-cta-classic-image-container {
	  flex-basis: 100% !important;
	  min-height: 65vh;
	}
  
	.k2-cta-classic-text-container {
	  flex-basis: 100% !important;
	}
  }