/*
Theme Name: Alternate Lite
Theme URI: http://www.vivathemes.com/wordpress-theme/alternate/
Description: Alternate Lite is a clean, minimal and simple blog theme. In the front page you can display your blog or a static page. Add links to your Social media accounts easily with the integrated Social Media menu. Alternate Lite comes loaded with 28 social media icons to have your visitors connect to you. Easily upload your logo image and favicon, styling for Contact Form 7 plugin are among the features. For even more features check the Pro Version of this theme https://www.vivathemes.com/wordpress-theme/alternate/
Author: Viva Themes
Author URI: http://www.vivathemes.com
License: GNU GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.2
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-logo, custom-menu, translation-ready, featured-images, threaded-comments, blog, entertainment
Text Domain: alternate-lite
Domain Path: /languages/

Alternate Lite Theme, (C) 2019 Viva Themes

*/

/*moved header index*/


 #top_container {
 margin-bottom: 50px;
 
 }
 #topside {
	width: 100%;
	#border: 1px solid yellow;
	height: 120px;
	padding-bottom: 0;
  #background: linear-gradient(180deg, rgba(222,220,220,0.7) 0%, rgba(155,174,177,0) 100%);
}
#topside-container {
	#border-bottom: 2px solid #fa991c;
	#border-bottom: 3px solid #738192;
	padding: 25px 0 20px 0;
	text-align: right;
}
#topide-logo-name {
	font-family: 'Poppins', sans-serif;
}
.logo-name {
	text-transform: uppercase;
	font-weight: normal;
	font-size:  42px;
	color: #1F3044;
	padding: 0 !important;
	line-height: 0 !important;
}

h1.logo-name a {
text-decoration: none;

}
.logo-tagline {
	color: #385b84;
	font-size: 16px;
	font-weight: 400;     
}
.logo-tagline strong {
	font-weight: 600;
}
.logo-light {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: #385b84;
  
}
.logo-strong {
	font-weight: 700;
	color: #385b84;    
}
#topside_line {
	#border: 1px solid red;
	width: 80%;
	border-bottom: 2px solid #D0D1D3;
	float: right;
}
#topside_menu {
	color: #385b84;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: 700;
	font-size: 14px;
	#border: 1px solid green;
	display: inline;
	float: right;
	text-align: right;
	width: 60%;
}

.top_menu_item {

}

.top_menu_sep:before {
margin-left: 4px;
margin-right: 4px;
content: "\2022";
color: #ed942b;

}

#topside_menu a {
  	color: #385b84;
    text-decoration: none;
}


#topside_menu a:hover {
  	color: #ed942b;
    text-decoration: none;
}




.shadow1, .shadow2, .shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{
  position:relative;
}
.shadow1,.shadow2,.shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8 { 
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 90px rgba(0, 0, 0, 0.1) inset;
}
    

.shadow1:before, .shadow1:after {
  position:absolute;
  content:"";
  bottom:15px;left:10px;top:80%;
  width:45%;
  background:#9B7468;
  z-index:-1;
  -webkit-box-shadow: 0 20px 15px #9B7468;
  -moz-box-shadow: 0 20px 15px #9B7468;
  box-shadow: 0 20px 20px #9B7468;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.shadow1:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right:10px;left: auto;
  
}
.shadow2:before{
  position:absolute;
  content:"";
  width:80%;
  top:140px;bottom:15px;left:30px;
  background-color:#9F8641;
  z-index:-1;
  -webkit-box-shadow:0 23px 17px 0 #9F8641;
  -moz-box-shadow:0 23px 17px 0 #9F8641;
  box-shadow: 0 23px 17px 0 #9F8641;
  -webkit-transform:rotate(-4deg);
  -moz-transform:rotate(-4deg);
  transform:rotate(-4deg);   
}
 
 .vignette {

  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 66vw;
  
  box-shadow: 0 0 270px rgba(0,0,0,0.2) inset;
}

.page-id-30 .vignette {

  top: 0;
  left: 0;
  width: 100%;
  min-height: auto;
  box-shadow: 0 0 300px rgba(0,0,0,0.5) inset;
}


/*moved from header END*/
body,html{
  height:100%;
  min-height: 100%;
}

body {
text-align: justify;
	#background: #fff;
	color: #333;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
  	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin:0;
	padding:0;
	line-height: 175%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
	
h1 {
	font-size: 26px;
	color: #3f3f3f;
	margin-top: 20px;
	text-transform: none;
    	font-family: 'Poppins', sans-serif;
	font-weight: normal;
}

h2 {
	#color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 40px;     
  margin-bottom: 25px;
	text-transform: none;
	font-size: 22px;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
    	font-family: 'Poppins', sans-serif;

	font-weight: normal;
}

h3 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
  margin-bottom: 10px;
	text-transform: none;
	font-size: 20px;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: normal;
     	font-family: 'Poppins', sans-serif;
}

h4 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-size: 16px;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: normal;
}

h5 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-size: 12px;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: normal;
}

p { margin-top: 6px; }

img { 
	border: none; padding:0; 
}

img a {
	border:none;
}

img.left { 
	float: left; border: none; padding: 6px 0 0 0; 
}

img.right { 
	float: right; border: none; padding: 0 0 0 6px; 
	}

blockquote {
	border-left:1px solid #ccc;
	margin:15px;
	padding:0 12px 0 12px;
	font-style: italic;
}

code{
	font-family:"Courier New", Courier, monospace;
}


/* links */

a {
	color: #333;
	text-decoration: underline;
	-webkit-transition: all 0.2s ease;
  	-moz-transition: all 0.2s ease;
 	-o-transition: all 0.2s ease;
  	-ms-transition: all 0.2s ease;
  	transition: all 0.4s ease;
}




a:hover {
	text-decoration: none;
}

/* container */

#container {
	width: 100%;
	float: left;
	clear: left;
	overflow: hidden;
 background: linear-gradient(0deg, rgba(222,220,220,0.7) 0%, rgba(155,174,177,0) 100%);


}

#wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;


}

#leftside {

	width: 27%;
  min-width: 230px;
  
	float: left;
	margin-top: 40px;
	margin-bottom: 0;
  padding-top:0;

    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    #background-color: #ed942b;
    background-color: #ffa61c;

   
    color: #ebebee;
    padding: 2%;
    height: 100%;
    display: inline-block;
    /*
     -webkit-box-shadow: -6px 6px 0px 0px rgba(208,209,211,0.7);
-moz-box-shadow: -6px 6px 0px 0px rgba(208,209,211,0.7);
box-shadow: -6px 6px 0px 0px rgba(208,209,211,0.7);   
     */
     
}


#rightside {
	width: 68%;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
  #background-color: #eee;
  padding: 20px 0 20px 20px;
box-sizing: border-box;

}
	
/* Logo */

#logo {	
	width: 100%;
	float:left;
  display: none !important;
}

#logo img {

    display: none !important;
}

#logo a {
	text-decoration: none;
}

#logo h1 a,
#logo h1 {
	font-size: 34px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 56px;
	margin-top: 0;
	font-weight: 700;
	margin-bottom: 5px;
}

h2.site-description {
	color: #999;
	margin-top: 0;
	font-size: 16px;
	margin-bottom: 10px;
}

/* Main Menu */

.mmenu {
  	display: block;
  	font-size: 14px;
  	width: 100%;
  	float: left;
  	clear: left;
	margin-top: 0;
	position: relative;

}

#leftside a {
 transition: all 0.3s !important;
}

.mmenu ul {
  	list-style: none;
  	padding: 0;
  	text-align: left;
  	position: relative;
  	margin: 0;
  	margin-bottom: 10px;
	display: block;
}

	
.mmenu ul li {
  	float: left;
  	*display: inline;
  	zoom: 1;
  	position: relative;
}

.mmenu ul li span.arrow {
  	display: block;
  	/* "display:none" to hide arrows for the non-mobile nav */
  	position: absolute;
  	top: 32px;
  	color: #3f3f3f;
  	width: 20px;
  	left: 50%;
  	margin-left: -10px;
  	text-align: center;
  	font-size: 7px;
  	z-index: 5;
  	cursor: pointer;
}

.mmenu ul li a {
   	display: block;
  	color: #3f3f3f;
    color: #ebebee;
    color: #fff;
  	padding: 8px 0;
  	text-decoration: none;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 13px;
	#text-transform: uppercase;
  transition: all 0.5s ease;
}

.mmenu ul li ul {
  	list-style: none;
  	padding: 0;
  	display: none;
  	position: absolute;
  	left: 0;
  	width: 160px;
  	margin-bottom: 0;
    
}

.mmenu ul li ul li {
  	width: 160px;
    
}

.mmenu ul li ul li a {
  	display: block;
  	padding: 8px 0;   
}

.mmenu ul li ul li a:hover {
  	color: #999;               
}

.mmenu ul li.current-menu-item a,
.mmenu ul li:hover a {
  	color: white;
	border: none;    
}                 

.mmenu ul li.current_page_item > a:before {
  	

margin-right: 4px;
content: "\25AE";
color: #fff;
    
}


.mmenu ul li.current_page_item a:hover {
  	

cursor: default;
    
}

.mmenu ul li.current-menu-item a:hover:before {
  	
margin-left: 0px;
content: "\25AE";
color: #fff !important;
cursor: default;   
    
}

.mmenu ul li:hover a:hover {
 	color: white;             
}


.mmenu ul li a:before {  

  transition: all 0.3s ease;
  content: "";
}


.mmenu ul li:hover a:hover:before {  


margin-right: 4px;
content: "\2022";
color: #fff;
    
}


.mmenu ul li:hover ul {
  	display: block;        
}

.mmenu ul li:hover ul a {  /*submenu items  */
color: #fff;


    
}

.mmenu ul li:hover ul a:before {  /*submenu items  */

margin-right: 4px;

color: #fff;
    
}



.mmenu ul li:hover ul a:hover {
  color: #fff;
    cursor: hand !important;
}

.mmenu ul li:hover ul a:hover:before {
#content: "\2022";
#color: #fff;
}

.mmenu ul li.current_page_ancestor a:hover > ul li.current-menu-item a {
/*test*/
  content: ">" !important;
  color: green !important;

}

.mmenu ul .sub-menu li a {
 margin-left: 10px;
 font-weight: 300;
}              


  /*change to javascript */

 .mmenu .menu-item-has-children:hover > .sub-menu {
  display: block;
 }



.mmenu .nav-bars {
  	display: block;
  	position: absolute;
    left: 50%;
	margin-left: -20px;
    width: 40px;
	height: 40px;
	text-align: center;
    top: -40px;
    color: #a3978c;
    font-size: 24px;
    cursor: pointer;
    clear: none;
	z-index: 4;
	border: none;
	visibility: hidden;
}

.mmenu .nav-bars::before {
	content: '\f419';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	line-height: 40px;
	color: #3f3f3f;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}

.opened .nav-bars::before {
	content: '\f406';
}

.mmenu .nav-bars i {
  	font-weight: bold;
}

.mmenu.mobile {
  	width: 100%;
}

.mmenu.mobile ul li {
  	width: 100%;
  	float: none;
}

.mmenu.mobile ul li span.arrow {
  	display: block;
  	top: 6px;
  	font-size: 16px;
  	margin: 0;
  	right: 2px;
  	left: auto;
  	padding: 5px;
}

.mmenu.mobile ul li span.arrow:hover {
  	color: white;
}

.mmenu.mobile ul li span.arrow.arrow-rotate {
 	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mmenu.mobile ul li ul {
  	position: static;
  	width: 100%;
	display: none;
}

.mmenu.mobile ul li ul li {
  	width: 100%;
}

.mmenu.mobile ul li:hover a {
  	border: none;
}

.mmenu.mobile ul li:hover a:hover {
}

.mmenu.mobile ul li:hover ul {
  	display: none;
}

.mmenu.mobile ul li:hover ul a {
}
	
.mmenu.mobile ul li:hover ul a:hover {  
}



#leftbar {
	width: 100%;
	float: left;
	clear: left;
	margin-top: 40px;
}

#leftbar .widgets {
	width: 100%;
	clear: left;
	float: left;
	margin-bottom: 10px;
	font-size: 13px
}

#leftbar h2 {
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #3f3f3f;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#leftbar ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}

#leftbar ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
}

#leftbar ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
}

#leftbar ul li a {
	text-decoration: underline;
}

#leftbar ul li a:hover {
	text-decoration: none;
}

#leftbar a {
	text-decoration: underline;
}
	
#leftbar a:hover {
	border: none;
	text-decoration: none;
}
 

/* search */

#searchform {
	padding:0;
	margin:0;
	float: left;
	width: 170px;
	margin-top: 10px;
	margin-right: 8px;
}

#searchform input#s {
	margin:0;
	padding:2px;
	width: 157px;
	padding-left: 3px;
	background: #fff;	
	border: solid 1px #ccc;	
	height:20px;
	font-size:11px;
	padding-top:2px;
}

#searchform input#searchsubmit {
	display: none;
}


/* Content Section */

#contentwrapper {
	width: 100%;
	float: left;
	clear: left;
}

#content {
	width: 100%;
	float: left;
	margin-left: 0;
}

/* content */


.attachment-alternate-singlethumb {
	margin-bottom: 10px;
}

.post {
	margin:0;
	padding:0;
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 60px;
}


/* MAIN PAGE custom styling*/

.page-id-30 #top_container {
 margin: 0;
}
.page-id-30 #rightside {
 margin-top:0px;
 margin-bottom: 0;
}

.page-id-30 #topside {
 padding-bottom: 0;
}


.page-id-30 #leftside {
 margin-top: 20px;
}

.page-id-30 #rightside {
 background: none;
}



.page-id-30 #rightside h1.entry-title {
 display: none;
}


#rightside h1.entry-title { /*all other pages*/

 margin-bottom: 40px;
 height: auto; /*left vertical line alogn entire block*/
 line-height: 1.4em;
 
}
 
 

#post-30 {

}

#post-30.post {  /*main page post*/
		margin-bottom: 0;
    
}

#post-30 .wp-block-image {
 padding: 0;
 margin: 0;

}

#post-30 img {
 

}

.main-page-image {
   padding: 0;
 margin: 0;
  position: relative;
  top: 2em;

}

.main-page-image img {

}

/* MAIN PAGE end */


.entry {
}



h1.page-title,
h1.entry-title,
h2.entry-title {

	margin:0;
	padding: 0;
	font-weight: 700;
	
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 7px;
}

h1.entry-title {
      	font-size: 26px;
     	font-family: 'Poppins', sans-serif;
      #border-bottom: 1px dotted #ddd;
      margin-bottom: 30px;
      padding-left: 5px;
      padding-top: 0;
      height: 19px;
      border-left: 3px solid #FA9600;
      font-weight: 500; 
      text-align: left;
  
}

.entry h2 strong {
       font-weight: 500;
}

h2.entry-title {
 text-align: left;
}

h2.entry-title a {
	text-decoration: none;
	color: #3f3f3f;
	font-size: 24px;
	line-height: 120%;
  text-transform: none;
  font-weight: 600;
}

h2.entry-title a:hover {
  color: #666;
  padding-left: 2px;
}


h1.page-title {
	margin-bottom: 30px;
}

.post ul {}

.post li {
	margin-left: 15px;
}

.entry p {
	margin: 8px 0;
}

.postdate {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
}

.belowpost {
	float: right;
	display: inline-block;
	position: relative;
	top: 10px;
	left: 0px;
}

.btnmore {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
    box-sizing: border-box;
     
}

.btnmore:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}

a.btnmore {
	font-size: 11px;
  letter-spacing: 1.4px;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	padding: 4px 12px;
	color: #3f3f3f;
	width: auto;
	text-decoration: none;
	display: block;
	border: solid 2px #ffcc33;
    box-sizing: border-box;
}

.btnmore:hover {
  	border: solid 2px transparent;
      box-sizing: border-box;
      
}
.btnmore:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	#background: #FA9600;
}

.btnmore:hover,
.btnmore:active {
	color: #fff;

}

.btnmore:hover:after,
.btnmore:active:after {
	width: 100%;
  background-color:#FA9600;



}


p.singletags {
	line-height: 32px;
}

p.singletags a {
	text-decoration: none;
	border: solid 2px #eaeaea;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	display: inline-block;
	padding: 0 6px;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}

p.singletags a:hover {
	color: #999;
}

p.singletags:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	vertical-align: top;
	content: '\f302';
}

ol {
	margin: 10px;
}

ul {
	margin: 5px;
}

/* comments */


#commentform {
	margin:0;
	padding:0;
	clear: both;
	float: left;
}
	
#commentform p {
}
	
#commentform a { 
	text-decoration: none; 
	line-height: 14pt;
}
	
#commentform h3 {
	font-size: 10pt;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
	
#comment {
	width:80%;
}

#comments label {
	float: left;
	clear: left;
	margin-top: 15px;
}

#author, #email, #url, #comment {
	font-size: 11px;
	padding:12px 16px;
	border: solid 2px #eaeaea;
	float: left;
	clear: left;
	margin-top: 0;
	color:  #3f3f3f;	
}

#author, #email, #url {
	height:16px;
}
	
#submit {
	cursor:pointer;	
	padding: 12px 16px;
	border: solid 2px #eaeaea;
	float: left;
	clear: left;
	margin-top: 10px;
	-webkit-transition: all 0.4s ease;
  	-moz-transition:    all 0.4s ease;
  	-ms-transition:     all 0.4s ease;
  	-o-transition:      all 0.4s ease;
	background: none;
	color: #3f3f3f;
	text-transform: uppercase;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: 700;
}

#submit:hover {
	color: #999;
}

#comments {
	margin:0; 
	padding:0;
	clear: both;
	float: left;
}

#respond h3,
#comments h2 {
	color: #3f3f3f;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}	


.reply a.comment-reply-link {
	border: solid 2px #eaeaea;
	text-transform: uppercase;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: 700;
	-webkit-transition: all 0.4s ease;
  	-moz-transition:    all 0.4s ease;
  	-ms-transition:     all 0.4s ease;
  	-o-transition:      all 0.4s ease;
	padding: 2px 10px;
	margin-top: 5px;
	float: left;
	clear: left;
	font-size: 12px;
}

.reply a.comment-reply-link:hover{
	color: #999;
}	

ol.commentlist { 
	list-style-type: none; 
	margin:0; 
	padding:0; 
	float:left;
	margin-top: 15px;
}

.avatar {
	float:left; 
	margin: 10px 20px 0 0;
	width: 30px;
	height: 30px;
}

ol.commentlist li.comment {
	margin: 0;
	padding: 4%;
	list-style-type:none;
	float: left;
    width: 90%;
	margin-bottom: 20px;
	border: solid 2px #eaeaea;
}

ol.commentlist li ul.children {
	width: 80%;
}

ol.commentlist li ul.children li {
	width: 100%;
	border: none;
	margin-bottom: 0;
}

ol.commentlist li.alt {
	
}

ol.commentlist li p {
	margin: 6px 0 6px 0; 
	padding: 0 12px 0 0; 
	line-height: 14pt;
}

ol.commentlist a {
	text-decoration: none;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a {
	color: #666; 
	text-decoration: none; 
	border-bottom: 1px dotted #666;
}

/* Contact Form 7 Style */

.wpcf7 {
	margin-top: 10px;
	float: left;
	clear: left;
	width: 70%;
}

.wpcf7 textarea,
.wpcf7 input {
	padding: 5px 8px;
	margin-bottom: 15px;
	margin-top: 3px;
	width: 100%;
	border: solid 2px #eaeaea;
	height: 30px;
	background: none;
}

.wpcf7 textarea {
	height: auto;
}

.wpcf7 input.wpcf7-submit {
	width: auto;
	cursor: pointer;
	border: none;
	border: solid 2px  #eaeaea;
	text-transform: uppercase;
	color: #3f3f3f3;
	padding: 8px 25px;
	-webkit-transition: all 0.7s ease;
  	-moz-transition:    all 0.7s ease;
  	-ms-transition:     all 0.7s ease;
  	-o-transition:      all 0.7s ease;
	height: auto;
	text-transform: uppercase;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-weight: 700;
}

.wpcf7 input.wpcf7-submit:hover {
	color: #999;
}

.wpcf7 p {
	text-align: left;
	font-size: 16px;
	margin: 0;
	margin-bottom: 6px;
	text-transform: none;
}

/* misc */

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	max-width: 100%;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image,
img {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
	background: #eaeaea;
	text-align: center;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-size: 10px;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery { margin: 0 auto; }
.gallery .gallery-item {
	float: left;
	margin: 0;
	padding: 0;
}
.gallery-columns-2 .gallery-item { width: 30%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	border: 1px solid white;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 100%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 100%;
	height: auto;
}
.gallery .gallery-caption {
	color: #fff;
	font-size: 14px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; padding: 0;}
.gallery br+br { display: none; }

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.entry pre {
	border: 1px solid #ededed;
	color: #666;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

p { margin-top: 6px; }

#archivelist {
	float:left;
	margin-right: 0;
	
}

#archivelist ul li {
	list-style: none;
	line-height: 35px;
}

#archivelist ul {
	height: auto;
	margin-bottom: 30px;
}

#archivelist ul li a {
	color: #666;
	text-transform: uppercase;
}

#archivelist ul li a:hover {
	text-decoration: none;
}

ol {
	margin: 10px;
	padding: 0;
}

ul {
	margin: 5px;
	padding: 0;
}

.sticky {
}

.bypostauthor {
}

p.form-allowed-tags {
	display: none;
}


/* Blog Page Navigation */

.pagination {
	float: left;
	clear: left;
	width: 100%;
	height: 50px;
}

.pagination h2 {
	display: none;
}

.pagination span, .pagination a {
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
	padding: 10px 16px; 
	margin-right: 5px;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	border: solid 2px #eaeaea;
	color: #3f3f3f;
	font-weight: 700;
}

.pagination a:hover,
.pagination .current {
   padding: 10px 16px; 
	margin-right: 5px;
	color: #999;
	border: solid 2px #eaeaea;
	font-size: 12px;
	text-transform: uppercase;
}

/* Post Navigation */

.post-navigation {
	width: 100%;
	float: left;
	height: 40px;
	clear: none;
	margin-top: 5px;
}

.post-navigation h2 {
	display: none;
}

.post-navigation .nav-previous {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}

.post-navigation .nav-next {
	width: 40px;
	height: 40px;
	float: left;
}

.post-navigation .nav-next a,
.post-navigation .nav-previous a {
	border: solid 2px #eaeaea;
	width: 40px;
	height: 40px;
	display: block;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
  	color: #3f3f3f;
  	text-align: center;
	text-decoration: none;
	font-size: 0px;
}

.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover {
	color: #999;
}

.post-navigation .nav-previous a:before {
	content: '\f430';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	line-height: 40px;
}

.post-navigation .nav-next a:before {
	content: '\f429';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	line-height: 40px;
}

/* footer */

#footer {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 0;
  background-color: #282B39;
  background-color: #1F3044;
  color: #dee0e8;
  padding-bottom: 30px;
}

#bottomwidgets {


	width: 100%;
	float: left;
	background-color: #282f4d;
  background-color: #1f2233;
  background-color: #1F3044;
   
    color: #dee0e8;
	padding-top: 40px;
}

#bottominner {
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
}

#bottomwidgets .widgets {
	width: 40%;
	float: left;
	margin-bottom: 40px;
	clear: both;
}

#bottomwidgets .widgets:nth-child(even) {
	float: right;
	clear: none;
}

#bottomwidgets h2 {
	font-size: 20px;
	font-weight: 800;
	color: #3f3f3f;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#bottomwidgets ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}

#bottomwidgets ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
                    
}

#bottomwidgets ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
    
}

#bottomwidgets ul li a {
	text-decoration: none;

 
}

#bottomwidgets ul li a:hover {
  
	text-decoration: none;
  color: #fff;

}

#bottomwidgets ul li a:hover:before {
	#content: ">";
 
  
  
}

#bottomwidgets a {
	text-decoration: none;
  color: #c8cbd8;


}
	
#bottomwidgets a:hover {
	border: none;
	text-decoration: none;
}

/* Social Media Menu */

#menu-social .screen-reader-text {
	position: absolute;
	top:      -9999em;
	left:     -9999em;
}

#menu-social {
	margin-top: 50px;
	margin-bottom: 10px;
	width: 100%;
	float: left;
	clear: left;
}

#menu-social ul {
	list-style: none;
	margin:  0;
	text-align: center;
}

#menu-social ul li {
	display:  inline-block;
	position: relative;
}
		
#menu-social ul li a {
	display:  inline-block;
	width: 40px;
	height: 40px;
	-webkit-transition: all .3s ease;
  	-moz-transition:    all .3s ease;
  	-ms-transition:     all .3s ease;
  	-o-transition:      all .3s ease;
	text-align: center;
	border: none;
	margin: 0 5px;
	border: solid 2px #eaeaea;
}
		
#menu-social ul li a:hover {
	text-decoration: none;
}

#menu-social li a::before {
	content:        '\f408';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	line-height: 40px;
	color: #3f3f3f;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}

#menu-social ul li a:hover::before {
	color: #999;
}

#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before {
	content: '\f205';
}
			
#menu-social li a[href*="facebook.com"]::before {
	content: '\f204';
}
			
#menu-social li a[href*="twitter.com"]::before {
	content: '\f202';
}
			
#menu-social li a[href*="dribbble.com"]::before {
	content: '\f201';
}
			
#menu-social li a[href*="plus.google.com"]::before {
	content: '\f218';
}
			
#menu-social li a[href*="pinterest.com"]::before {
	content: '\f209';
}
			
#menu-social li a[href*="github.com"]::before {
	content: '\f200';
}
			
#menu-social li a[href*="tumblr.com"]::before {
	content: '\f214';
}
			
#menu-social li a[href*="youtube.com"]::before {
	content: '\f213';
}
			
#menu-social li a[href*="flickr.com"]::before {
	content: '\f211';
}
			
#menu-social li a[href*="vimeo.com"]::before {
	content: '\f212';
}
			
#menu-social li a[href*="instagram.com"]::before {
	content: '\f215';
}
			
#menu-social li a[href*="codepen.io"]::before {
	content: '\f216';
}
			
#menu-social li a[href*="linkedin.com"]::before {
	content: '\f207';
}

#menu-social li a[href*="foursquare.com"]::before {
	content: '\f226';
}

#menu-social li a[href*="reddit.com"]::before {
	content: '\f222';
}

#menu-social li a[href*="digg.com"]::before {
	content: '\f221';
}

#menu-social li a[href*="getpocket.com"]::before {
	content: '\f224';
}

#menu-social li a[href*="path.com"]::before {
	content: '\f219';
}

#menu-social li a[href*="stumbleupon.com"]::before {
	content: '\f223';
}

#menu-social li a[href*="spotify.com"]::before {
	content: '\f515';
}

#menu-social li a[href*="twitch.tv"]::before {
	content: '\f516';
}

#menu-social li a[href*="dropbox.com"]::before {
	content: '\f225';
}

#menu-social li a[href*="/feed.com"]::before {
	content: '\f413';
}

#menu-social li a[href*="skype"]::before {
	content: '\f220';
}

#menu-social li a[href*="mailto"]::before {
	content: '\f410';
}

#copyinfo {
	width: 100%;
	float: left;
	text-decoration: none;
	font-size: 14px;
	margin-top: 8px;
	line-height: 100%;
	clear: both;
	text-align: center;
}

#copyinfo a {
	text-decoration: none;
}


@media screen and (max-width: 768px) {
	

  .sub-menu {
   display: block !important;
  }       
  
  .mmenu ul li ul li a {
  
   padding-top: 0;

  }                      
    
  #wrapper {
   padding-left: 0;
   padding-right: 0;

  }
  
  #top_container {
   background: #eee;
   padding-left: 35px;
   padding-right:  35px;
  }
  
  #leftside {
 
  margin-top: 0;
  padding-left: 30px !important;
  
    
  }
  
  .nav-bars:before {
   position: relative;
   left: -18px;
   top: 5px
  }
  
  .shadow2, .shadow2:before, .shadow2:after {
 box-shadow: none !important; 
 
  }
  
  .page-id-30 #leftside {
 margin-top: 0;
}

  #rightside {
     padding-left: 35px;
   padding-right:  35px;
  
  }
  
	html {
	    -webkit-text-size-adjust: none; 
	}
	
	body {
		background: #fff;
	}
	
	#leftside {
		width: 100%;
  
	}
	
	#rightside {
		width: 100%;
		float: left;
		clear: left;
		margin-top: 0;
    
	}
	
	#logo {
		width: 50%;
	}
	
	.mmenu .nav-bars {
		/*left: 98%;*/
    /*top: -90px;*/
    left: 2%;
    top: -50px;
    
  	}
  #topside_menu {
  
  display: none;
  
  
  }  
  
  	.mmenu.mobile .nav-bars {
  		visibility: visible;
	}
  
 .vignette {
   box-shadow: none !important;
  
  }
	
	.mmenu ul {
		display: none;
	}
    
    #leftside {
     padding: 0 0 0 2%;
    }
    
    #topside_line {
 display: none;

}

#top_container {
 margin: 0;
}
#rightside {
 margin-top:0px;
 margin-bottom: 0;
}

#topside {
 padding-bottom: 30px;
 height: 160px;
}

#rightside h1.entry-title {

line-height: 1em;

}

h1.entry-title {
position: relative;
left: -10px;
     border-left: 2px solid #FA9600;
     margin-top: 20px;
     padding-top: 2px;
      padding-bottom: 2px;

}

#rightside {
 font-size: 90%;
}

#rightside h1.entry-title , h2  {
    font-size: 20px;
}

#rightside h3 {
    font-size: 17px;
}
.wpcf7 p {
 font-size: 12px;

}

#wpcf7-f5-p17-o1 {
 width: 90% !important;

}

#bottomwidgets ul {
 font-size: 12px;

}
	    #social_icons {
       padding-top: 25px !important;
      }
  #social_icons i {
 font-size: 24px !important;

}

}

@media screen and (max-width: 520px) {
	
	#logo {
		width: 50%;
	}
	
	#bottomwidgets .widgets {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
  
  .logo-name {
 font-size: 32px;

}
.logo-tagline {
 font-size: 14px;

  margin-top:0;
  padding-top:0;

}



}


@media screen and (max-width: 480px) { 

.logo-name {
 font-size: 24px;


}

.logo-tagline {
 font-size: 12px;

  margin-top:0;
  padding-top:0;

}

 }

@media screen and (max-width: 360px) { 

.logo-name {
 font-size: 18px;


}
.logo-tagline {
 font-size: 10px;

  margin-top:0;
  padding-top:0;

}

#topside {

 height: 120px;
 
}

.mmenu a {
 font-size: 11px !important;

}


}

@media screen and (max-width: 330px) {

.logo-tagline {
display: none; 
}

.mmenu a {
 font-size: 11px;
}

#topside {

 height: 80px;
 
}
}


@media screen and (max-width: 260px) {
	
  
  .logo-name {
 font-size: 16px;


}

}

/* ---------------------------------*/
/*my styles*/
/* ---------------------------------*/

.color1 {

color: #282B39;

}

.color_oragne { 

color: #FA9600;
}

.site-title {
 color: #5E4663 !important;
}

.site-description {
color: #5E4663 !important;

}

.mp-motto {
     font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
     font-weight: 300;
}
.wp-block-pullquote cite {
 font-family: inherit;

}

hr.mp-art-spacer {
width: 30%;
  border-top: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  height: 30px;

}

/*bottom widget - custom html - social icons area */
/* ---------------------------------*/

#social_icons {
border-top: 1px solid #777;
width: 60%;
margin-left: 20%;
margin-right: 20%;
padding-top: 10px;
height: 40px;
display: inline-block;
text-align: center;


}

#social_icons i {
 font-size: 36px;
 padding: 0 5px 0 5px;
}
#social_icons a.social-icon-link {
 transition: all 0.3s ease;
 color: #999;


}

#social_icons a.social-icon-link:hover {
 color: #fff;

}



i.download-pdf, i.download-ppt {
 font-size: 32px;
 padding: 0 5px 0 5px;
}

i.download-pdf:hover, i.download-ppt:hover {
 color: #FA9600;
}




td.t-download {
 vertical-align: middle;
}

.tab-div {
 display: table;
 width: 100%;

}


.tcel-div {
height: 50px;
 display: table-cell;
 vertical-align: middle;

 transition: all 0.8s ease;

}

.tcel-div a:hover > i.download-ppt, .tcel-div a:hover > i.download-pdf {

 color: #FA9600;
}
.tcel-div a:hover {
 padding-left: 8px;
}


/*read more pseudo button - verson grey*/
/* ---------------------------------*/


.read-more-btn-cont {

	display: inline-block;
  #border: 1px solid #fff;
  width: 100%;
  text-align: right;
  float: right;

}
.read-more-cont {
	background-color: #dedede;  
	float: right;
	padding: 4px 13px;
	font-size: 13px;
	display: block;   
}
a.read-more {
	text-decoration: none;
	position: relative;
	left: 4px;
  color: #444;
}
a.read-more:hover {
	text-decoration: none;
	transition: all 0.3s ease-out;
	position: relative;
	left: 2px;
    color: #111;
}

a.read-more:hover > .read-more-cont {
   	background-color: none;
}
a.read-more::after {
	position: relative;
	left: 0;
	content: ">>";
	font-weight: bold;
	transition: all 0.1s ease-in;
	visibility: hidden;
	top: 1px;
	padding-left: 2px;
}
a.read-more:hover::after {
	content: ">>";
	position: relative;
	left: 2px;
	padding-left: 2px;
	visibility: visible;
	transition: all 0.2s ease-in;
}
.read-more-break {
	display: block;
	clear: both;
  width: 100%;
  height: 20px;
}
       

/* custom styling for certain pages */
/* ---------------------------------*/

#post-324.post li {
/*F5 CONSULTING – Q&A*/
    margin-left: 25px;
    }        
    
#post-341 .entry .wp-block-spacer {
/*MARIAŻ NAUKI Z BIZNESEM*/
 height: 12px !important;
}        
#post-365 .entry .wp-block-spacer { 
/*ekonomia i serce */
 height: 12px !important;
}   

/*art formatowane 1, 1.1, 1.2 + bullets */     

#post-78 .entry ol { counter-reset: item; }
#post-78 .entry ol li{ display: block; margin-bottom: 20px;}                        
#post-78 .entry ol li:before { content: counters(item, ".") ". "; counter-increment: item }

#post-78 .entry .sqr:before { 
content: '\25AA'; 

}
#post-78 .entry .sqr { 

padding-left: 25px;
margin-bottom: 25px;

}
/*contact form*/             
#wpcf7-f5-p17-o1 {

 width: 100%;
 box-sizing: border-box;
 padding: 2px;
 

}

.wpcf7 textarea, .wpcf7 input {
    padding: 5px 8px;
    margin-bottom: 15px;
    margin-top: 3px;
    width: 100%;
    border: solid 1px #ccc;
    }
    
    .wpcf7 input.wpcf7-submit {

    border: solid 2px #ccc;
    
    color: #333;

    
    font-weight: 700;

}

    .wpcf7 input.wpcf7-submit:hover {
        border: solid 2px #666;
        color: #333;
    
    }
    
/* multilevel items in posts */

/*<ol type="1|a|A|i|I">*/

/*
type="1"	The list items will be numbered with numbers (default)
type="A"	The list items will be numbered with uppercase letters
type="a"	The list items will be numbered with lowercase letters
type="I"	The list items will be numbered with uppercase roman numbers
type="i"
*/



.items-a {  /*a b c */
list-style-type: lower-latin;

}

.items-a li:before {
 font-weight: bold;
}

.items-arrow, .items-check {
 list-style-type: none;
}
.items-arrow li:before {
content: '\27A3';
padding-right: 10px;
font-size: 17px;
font-weight: bold;
 
}

.items-check li:before {
content: '\2713';
padding-right: 10px;
font-size: 17px;
font-weight: bold;
 
}

ul.l-1  { /*list level 2 */

 margin-top: 20px;
}

ul.l-2, ul.l-3 , ul.l-4 {
 margin-top: 25px;
}

.l-2 li, p.l-2   { /*list level 2 */
 margin-left: 33px;
 margin-bottom: 10px;
}

.l-3 li  { /*list level 2 */
 margin-left: 43px;
 margin-bottom: 10px;
}

.l-4 li  { /*list level 2 */
 margin-left: 55px;
 margin-bottom: 10px;
}