/* new header
 * To Do: my-header111
 * 
 * */

/* to fix bootstrap */

body,td,th {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px; /*14px; 27.03.18  */
 color: #000000;
 line-height:16px;
}

td {
 vertical-align:top;
}

p, blockquote p {
 margin: 14px 0;
 /* text-align:justify; */
}

.home p, .my-heading p {
 text-align:center;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700; /*500; */
    line-height: 16px; /*1.1; */
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 85%;
     color: #660000;
}

h1 small, .h1 small {
     color: #660000;
}

hr {
 border-top: 1px solid #111;
}

/* style.css added October 2016. Inline styles from old pages moved here*/
body {
	background-color: #343B66;
	margin: 0;
/*	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; */
	background-repeat: no-repeat;
}

a {
 text-decoration:underline;
}

a:link {
 color: #660000;
}
a:visited {
 color: #636;
}
/* old inline styles */
.style2 {font-size: 10px; } /* to replace by .my-small */
.style3 {font-size: 14px;font-weight: bold;} /* under writer photo*/
.style6 {font-size: 18px;font-weight: bold;}

.style7 {font-family: Arial, Helvetica, sans-serif}
.style8 {font-size: 14px; font-style: italic;}
.style9 {font-size: 18px; font-weight: bold; color: #660000;}

.style10 {color: #5F667C; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}

.style11 {color: #003366} /* my-tagline */

.style12 {	font-size: 14px;font-weight: bold;}
.style13 {color: #660033;}
.style12 {color: #003366; font-size: 14px; }
.style14 {color: #003366; font-weight: bold; }

.style15 {
	font-size: 14px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
} /* events */



.style16 {font-size: 18px}
.style17 {color: #660033;font-weight: bold;}

.style18 {font-size: 12px; }


.style19, .my-bio-archives-heading {
	color: #003366;
	font-weight: bold;
	font-size: 14px;
} /* events */



.style23 {
	color: #660033;
	font-weight: bold;
} /* events */
.style26 {font-style: italic; font-size: 12px;} /* events */
.style27 {color: #660033; font-weight: bold; font-size: 14px; } /* events */

.style29 {color: #003366;	font-weight: bold; }


.style30 {font-weight: bold;font-size: 12px;color: #660000;}
.style31 {font-weight: bold;color: #660000;}
.style37 {color: #003366;font-style: italic;}
/* donate start */
.style44 {font-size: 18px;font-weight: bold; }
.style45 {color: #003366}
.style47 {font-size: 14px; font-style: italic; }
.style50 {color: #CC3300}
.style48 {color: #003366; font-weight: bold; font-size: 14px; }
.style31 {font-size: 16px; color: #003366; }
.style32 {color: #660033; font-style: italic; font-weight: bold; }
.style51 {color: #FF0000}
.style53 {color: #000000; font-style: italic; }
/* donate end */

.style91 {	font-size: 18px;font-weight: bold;color: #660033;}
.vivante {	font-family: Vivante;} /* from Donate.html */

.my-event {
 font-size:16px;
 font-weight:bold;
 margin-right: 15px;
 margin-bottom: 60px;
 padding-bottom:14px;
}
.my-event-1, .my-event-1 > a {
 color: #C76900;
}
.my-event-2, .my-event-2 > a {
 color: #660000;
}
.my-event-3, .my-event-3 > a {
 color: #024AC2;
}

.mb0 {
 margin-bottom:0;
}

.events .style16 {
	color: #660033;
	font-size: 24px;
	font-weight: bold;
}

.events .style29 {font-size: 12px} /* events */
.events .style30 {
	color: #000066;
	font-style: italic;
	font-weight: bold;
}
.events .style31 {color: #660033}





.my-small {font-size: 10px; }
.my-prev-event {
	color: #660033;
	font-size: 18px;
	font-weight: bold;
}



#fgf { 	font-family: Vivante; }
h3 {
	font-size: 24px;
	color: #024AC2;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4 {
	font-size: 18px;
	color: #C76900;
}

div.container4 {
    height: 5em;
    position: relative }
div.container4 p {
    margin-left: auto;
    margin-right: auto;
    width: 42em }


/* new styles added by oleg */

table {
 background-color:#fff;
 border-width:0;
 padding:0;
 border-spacing:0;
}

.my-main-table {
 text-align:center;
 width:756px;
 margin-left:auto;
 margin-right:auto;
}


h1 {
 font-size: 18px;
 font-weight: bold;
 color: #660000;
}


.my-column-heading  { /* to replace .style49 on Homepage */
 font-size: 18px;  font-weight: bold; font-style: italic; text-align: left;}

.home .my-column-heading  {display: inline-block; max-width: 320px;}

.my-column-heading > span {font-size: 16px; font-weight: normal;}

.my-heading h1 > span {
    font-size: 16px;
    font-weight: normal;
    display:block;
    margin-top:10px;
}



h2 {
 font-size: 14px;
 font-style: italic;
}


.my-block {
 margin:14px 10px; /* 4px 40px;*/
}
.my-center, .my-text-center {
 text-align:center!important;
}

.home .my-text-center {
 clear:both;
}

.my-block-center {
 margin: 0 auto;
}

.my-text-left {
 text-align:left;
}

.my-by {
 font-style:italic;
}

.my-text-mark {
 color: #660000; /*#024AC2; */
}

.my-bold {
 font-weight:700;
}

.my-regular {
 font-weight:300;
}

.my-upper {
 /* text-transform:uppercase; */
 font-style:italic;
}

hr {
 margin:6px 0;
}

.my-quote {
 vertical-align:top;
 font-size:17px; /*18px; */
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:bold;
 margin-bottom:12px;
 line-height: 19px;
}

p.my-quote {
 margin-top:0;
}

.my-quote h3, .my-quote h4 {
 margin-top:14px;
}

.my-quote-1, .my-quote-1 a,
.my-quote-4, .my-quote-4 a   {
 color: #660000;
}

.my-quote-2, .my-quote-2 a,
.my-quote-5, .my-quote-5 a   {
 color:#024AC2;
}

.my-quote-3, .my-quote-3 a,
.my-quote-6, .my-quote-6 a  {
 color:#C76900;
}


.my-sidebar {
 vertical-align:top;
 font-size:12px;
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin-bottom:12px;
 clear:both;
 /* background-color:#FFFBF0 */
}

.my-sidebar h2 {
 text-align:center;
 color:#660000;
 
}
.my-indent {
 padding-left:60px;
}


.my-copyright {
 margin:14px 40px;
 font-size:10px;
 text-align:center;
}


.my-header {
 /* temporary fix - to tune further*/
 margin-left:-15px;
}

.my-heading {
 text-align:center;
 margin-bottom:30px;
}

.my-heading h1 {
 font-style:italic;
}

.my-tagline {
 color: #003366;
}


#content {
 max-width:800px!important;
 background-color:#fff;
 /* padding:0; */
}

footer {
 background-color:#fff;
 max-width:800px!important;
 /*margin:0;*/
}

footer p {
 padding-left:40px;
}

.my-guest img {
 width:132px; 
 height:165px;
}

.my-guest-name {
 /* width:132px;
 text-align:center; */
 font-style: normal;
 margin-bottom: 30px;
 margin-top: 5px;
}

.my-guest-bio {
 /*max-width:70%;*/
}

.my-writer {
 font-size:12px;
}
.my-writer h1 {
 color:#000;
}

.my-social {
 text-align: center; 
 padding: 0;	
}

.home .my-social {
 float:right; 
 padding: 0 0 10px 20px;	
}

.my-social img { /* for old icons code */
 width:32px!important;
 height:32px!important;
}

.my-social .my-donate img {
 width:iniial!important;
 height:initial!important;
}

/*
.home .my-social img {
 width:16px!important;
 height:16px!important;
}
*/
.my-social a {
 display:inline-block;
 width:32px!important;
 height:32px!important;	
 background-size:contain!important;
 margin-left:20px;
 margin-right:20px; 
}

.my-social.my-social-small a {
 width:16px!important;
 height:16px!important;	
 margin-left:5px;
 margin-right:5px; 
}


.my-social-small {
 margin-top:14px;
 margin-bottom:14px; /* for mobile view */
}

.home .my-social a {
 width:18px!important; /*16px*/
 height:19px!important;	/*16px*/
 margin-left:5px;
 margin-right: 0;
}

.my-fb {
 background: url(http://fgfbooks.com/images/icons/icn-facebook.png) no-repeat;	
}

.my-tw {
 background:url(http://fgfbooks.com/images/icons/icn-twitter.png) no-repeat;	
}


.home .my-tw {
 background:url(//fgfbooks.com/images/icons/twitter_16.png) no-repeat;
}

div.my-donate {
/* background:url(http://fgfbooks.com/images/icons/donate.png) no-repeat;
  background-size:contain; 
 width: 64px !important;
 height: 16px !important;
 overflow:hidden;
*/
 display:inline-block;
 text-align:center;

}

body .my-donate a.dbox-donation-button.donate-link.donate-link-top {
background: #ffa500 url(//www.fgfbooks.com/images/red_logo.png) no-repeat 1px;
color: #fff;text-decoration: none;
font-size: 12px;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
width: 80px !important;
border: 2px solid #ffa500;
line-height: 15px;
vertical-align: bottom; 
height: 20px !important;
display: inline-block;
background-size: contain !important;
}

.figure img {
 width:132px;
 height:auto;
}

.my-caption {
 color: #222;
 display: inline-block;
 margin-top: 5px;
 font-weight: normal;
 width:100%;
}

.my-caption.small {
 font-size:10px;
 margin-top: 5px;
}

blockquote .my-caption.small::before {
    content: '';
}


.my-teaser {
 color: #003366;
 font-weight: bold;
 font-style:italic;
 font-size: 13px;
}

.my-header111 navbar-nav > li > a {
    padding-top: 18px;
    padding-bottom: 18px;
}

.my-slogan {
 font-family: 'Arapey', serif; 
 font-size:16px; 
 line-height:14px;
 letter-spacing:-1px;
}

.my-top img {
 padding:15px 15px 3px 15px;
}
.home blockquote, .home .blockquote {
 font-size:13px;
 margin:13px 40px;
 padding:0;
 border:none;
 text-align: justify;
}	

.home blockquote .my-column-heading  { text-align: left;}

.my-background {
 background-color: #FFFBF0;
}

.my-note {
margin-top: 0;
margin-bottom: 20px;
font-weight:700; 
font-size:11px;
}

a.my-link-mobile { line-height:40px; }	


/* ============Media Queries. Breakpoints ============================================================
 ==== Screens:lg 1200/md 992/sm 768/xs 480/ 320  Containers: 1170-970-750 Rows:1140-940-720 ===========
 ======================================================================================================*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/*  ===================================*/
@media only screen and (max-width : 639px) {

 .my-quote, .my-sidebar {
  width:initial!important;
  margin-left:10%;
  background-color:#FFFBF0;
 }

}

/*==========  Mobile First Method  ===============================================
 ================================================================================= */
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {


       
}

/* ==================================================================== */
@media only screen and (min-width : 480px) {

 .my-slogan {
  font-size: 22px;
  line-height: 22px;
 }

}
/* ==================================================================== */
@media only screen and (min-width : 640px) {

 .my-quote-1, .my-quote-3, .my-quote-5 {
  float:left;
  margin-right:15px;
 }

 .my-quote-2, .my-quote-4, .my-quote-6 {
  float:right;
  margin-left:15px;
 }

 .my-sidebar {
  float:left;
  margin-right:15px;
 }

 .my-sidebar-left {
  float:left;
  margin-right:15px;
 }
 .my-sidebar-right {
  float:right;
  margin-left:15px;
 }
 .my-slogan {
  font-size: 26px;
  line-height: 26px;
 }
}

/* Notebooks ===================================================================================== */ 
@media only screen and (min-width : 767px) {

 .my-block {
  margin:14px 40px;
 }

/*
 .my-header111 .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
 }
*/
 .navbar-header {
  float: none;
 }
 .navbar-nav {
    float: none;
    margin: 0 auto;
    width: 80%;
 }
 .my-slogan {
  font-size:32px; 
  line-height:32px;
 }
 .home .navbar-nav > li > a {
  padding: 15px 25px;
 }

 a.my-link-mobile { line-height:25px; }	

}

/* Desktop ======================================================================== */ 
@media only screen and (min-width : 991px) {

}
/* Wide-screen ==================================================================== */ 
@media only screen and (min-width : 1199px) {
 
 
}