/*
Theme Name:     Voice Child
Theme URI:      http://mekshq.com
Description:    Child theme for the Voice Theme
Author:         Meks
Author URI:     http://mekshq.com
Template:       voice
Version:        0.1.0
*/

/*  ========== SEARCH FORM ==============  */
.main-navigation a{
font-weight: 500;
}
a.button  {
	display: block;
	color: #414141;
	border-radius: 4px;
	border: 1px solid #BBB;
	cursor:pointer;
	box-sizing:border-box;
	margin: 3px;
	font-family: Calibri light, Calibri, Arial;
	font-weight: bold;
	font-size: 1.07em;
}

@media only screen and (device-width: 768px) {
	a.button {
		font-size: 1em;
	}
}

@media only screen and (max-device-width: 480px) {
	a.button {
		font-size: 0.9em;
	}
}

.smartbuttonright {
	float: right;
}

.greybackground {
	display: inline-block;
	width: 100%;
	color: #b2b2b1;
	background-color: #BBB;
	text-decoration: none;
	margin-bottom: 12px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.semigreybackground {
	display: inline-block;
	width: 100%;
	color: #b2b2b1;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	background-color: #BBB;
	height: 9px;
	margin-top: 6px;
}

.details {
	color: #b2b2b1;
	font-size: 12px;
	display: block;
    line-height: 16px;
    margin-top: 2px;
    margin-bottom: 7px;
}

span#olatest:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(http://www.macmillandictionary.com/external/images/O.svg?version=2017-02-17-1652);
	background: url(http://www.macmillandictionary.com/external/images/O_18_ie.png?version=2017-02-17-1652) \0/;
	background-size: 18px;
	border-radius: 3px;
	margin-right: 4px;
	vertical-align: text-bottom;
	background-color: #c40000;
	margin-top: -1px;
	margin-left: 2px\0/;
}

div.greybackground:before {
    float: left;
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(http://www.macmillandictionary.com/external/images/O.svg?version=2017-02-17-1652);
	background: url(http://www.macmillandictionary.com/external/images/O_18_ie.png?version=2017-02-17-1652) \0/;
	background-size: 18px;
	border-radius: 3px;
	margin-right: 5px;
	background-color: #c40000;
	vertical-align: text-bottom;
}

span#t_hide_icon:before, span#o_contribute_icon:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	background-size: 23px;
	border-radius: 3px;
	margin-left: 2px;
	margin-right: 7px;
	vertical-align: top;
	background-color: #c40000;
}

span#o_add_icon:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    border-radius: 3px;
    margin-left: 1px;
    margin-right: 3px;
    vertical-align: top;
    background-color: #c40000;
}

span#t_hide_icon:before {
	background-image: url(http://www.macmillandictionary.com/external/images/T.svg?version=2017-02-17-1652);
	background: url(http://www.macmillandictionary.com/external/images/T_23_ie.png?version=2017-02-17-1652) \0/;
}

span#o_contribute_icon:before, span#o_add_icon:before {
	background-image: url(http://www.macmillandictionary.com/external/images/O.svg?version=2017-02-17-1652);
	background: url(http://www.macmillandictionary.com/external/images/O_23_ie.png?version=2017-02-17-1652) \0/;
}  
    

/*  ========== custom blockquote ==============  */

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #cf4d35;
  border-right: 2px solid #cf4d35;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #cf4d35;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}
